html {
min-height: 100%;
}
body {
min-height: 100%;
overflow-x: hidden;
}
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
color: #FF8C1C;
text-decoration: underline;
&:hover {
color: #FF8C1C;
text-decoration: none;
}
// &:not(.gray-theme-link):visited {
// color: #E07207;
// }
}
.header {
width: 100%;
position: absolute;
top: 0;
z-index: 10;
.navbar-brand {
width: 121px;
}
}
.navbar {
&:not(.navbar-expand-lg){
padding-top: 23px;
}
.navbar-navigation-start{
gap: 4px;
}
.navbar-toggler{
padding: 0.25rem 0.75rem;
padding: 0;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
transition: box-shadow 0.15s ease-in-out;
}
.navbar-nav {
.nav-item {
.nav-link {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #FFFFFF;
}
.nav-link:hover {
color: #FF8C1C;
}
.nav-link:active {
color: #FF8C1C;
}
}
.nav-item + .nav-item .nav-link {
padding-left: 15px;
padding-right: 15px;
}
}
.navbar-nav-right {
li + li {
margin-left: 8px;
}
.button-primary {
border: 1px solid #FF8C1C;
&:hover {
border-color: #E07207;
}
}
.button-primary-outline {
border-color: #FFFFFF;
color: #FFFFFF !important;
padding: 12px 18px;
}
.special {
text-indent: -9999px;
overflow: hidden;
position: relative;
}
.special::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4zNzEyIDcuMDM5ODNDMTAuMzcxMiA4LjM0OTMzIDkuMzA5MTYgOS40MTA1OCA3Ljk5OTY2IDkuNDEwNThDNi42OTAxNiA5LjQxMDU4IDUuNjI4OTEgOC4zNDkzMyA1LjYyODkxIDcuMDM5ODNDNS42Mjg5MSA1LjcyOTU4IDYuNjkwMTYgNC42NjgzMyA3Ljk5OTY2IDQuNjY4MzNDOS4zMDkxNiA0LjY2ODMzIDEwLjM3MTIgNS43Mjk1OCAxMC4zNzEyIDcuMDM5ODNaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy45OTg1IDEyLjUxNjJDMTAuODU0NSAxMi41MTYyIDEzLjQ2NjggMTAuNDYyNyAxNC45Mzc1IDcuMDM5NjdDMTMuNDY2OCAzLjYxNjY3IDEwLjg1NDUgMS41NjMxOCA3Ljk5ODUgMS41NjMxOEg4LjAwMTVDNS4xNDU1IDEuNTYzMTggMi41MzMyNSAzLjYxNjY3IDEuMDYyNSA3LjAzOTY3QzIuNTMzMjUgMTAuNDYyNyA1LjE0NTUgMTIuNTE2MiA4LjAwMTUgMTIuNTE2Mkg3Ljk5ODVaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
width: 16px;
height: 14px;
}
.location,
.arrow {
display: flex;
align-items: center;
}
.location::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE3OTY5IDYuNzkzNDlDMS4xOTA0OSAzLjYxMzA1IDMuNzc3NTEgMS4wNDM1NSA2Ljk1Nzk1IDEuMDU0MzZDMTAuMTM4NCAxLjA2NTE2IDEyLjcwNzkgMy42NTIxOCAxMi42OTcxIDYuODMyNjJWNi44OTc4M0MxMi42NTc5IDguOTY1MjIgMTEuNTAzNiAxMC44NzYxIDEwLjA4ODQgMTIuMzY5NkM5LjI3OTAyIDEzLjIxIDguMzc1MTkgMTMuOTU0MSA3LjM5NDkxIDE0LjU4N0M3LjEzMjc4IDE0LjgxMzcgNi43NDM5OCAxNC44MTM3IDYuNDgxODYgMTQuNTg3QzUuMDIwNDkgMTMuNjM1OCAzLjczNzg5IDEyLjQzNDkgMi42OTI3MyAxMS4wMzkxQzEuNzYxMiA5LjgyMjA1IDEuMjMyMzEgOC4zNDQ4MSAxLjE3OTY5IDYuODEzMDVMMS4xNzk2OSA2Ljc5MzQ5WiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8ZWxsaXBzZSBjeD0iNi45Mzg0MyIgY3k9IjYuOTA0MzciIHJ4PSIxLjg0NTY1IiByeT0iMS44NDU2NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
margin-right: 11px;
}
.arrow::after {
content: "";
margin-left: 8px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy42MDM5NiA1LjExNjA4TDAuMTY0MTkzIDEuNjc2MkMtMC4wNTQ3MzA0IDEuNDU3MzggLTAuMDU0NzMwNCAxLjEwMjYxIDAuMTY0MTkzIDAuODgzODk1QzAuMzgyOTIyIDAuNjY1MTY2IDAuNzM3Njc5IDAuNjY1MTY2IDAuOTU2MzkgMC44ODM4OTVMNC4wMDAwNiAzLjkyNzY2TDcuMDQzNjIgMC44ODM5ODRDNy4yNjI0NCAwLjY2NTI1NSA3LjYxNzE2IDAuNjY1MjU1IDcuODM1ODkgMC44ODM5ODRDOC4wNTQ3IDEuMTAyNzEgOC4wNTQ3IDEuNDU3NDcgNy44MzU4OSAxLjY3NjI5TDQuMzk2MDcgNS4xMTYxN0M0LjI4NjY1IDUuMjI1NTMgNC4xNDM0IDUuMjgwMTUgNC4wMDAwOCA1LjI4MDE1QzMuODU2NjggNS4yODAxNSAzLjcxMzMyIDUuMjI1NDMgMy42MDM5NiA1LjExNjA4WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
width: 8px;
height: 6px;
}
}
.btn-login {
display: inline-flex;
@media (min-width: 320px) and (max-width: 480px) {
border-radius: 50%;
padding: 12px;
}
&::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8144 12.0225H3.77344' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.8867 9.10645L15.8147 12.0224L12.8867 14.9384' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.50781 7.38946V6.45646C8.50781 4.42146 10.1568 2.77246 12.1928 2.77246H17.0768C19.1068 2.77246 20.7518 4.41746 20.7518 6.44746V17.5875C20.7518 19.6225 19.1018 21.2725 17.0668 21.2725H12.1818C10.1528 21.2725 8.50781 19.6265 8.50781 17.5975V16.6555' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
min-width: 24px;
height: 24px;
margin-left: 12px;
@media (min-width: 320px) and (max-width: 480px) {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0043 2C9.07027 2 6.69177 4.38864 6.69177 7.33517C6.69177 10.2817 9.07027 12.6703 12.0043 12.6703C14.9383 12.6703 17.3168 10.2817 17.3168 7.33517C17.3168 4.38864 14.9383 2 12.0043 2ZM12.0043 3.44767C14.1422 3.44767 15.8753 5.18816 15.8753 7.33517C15.8753 9.48218 14.1422 11.2227 12.0043 11.2227C9.8664 11.2227 8.1333 9.48218 8.1333 7.33517C8.1333 5.18816 9.8664 3.44767 12.0043 3.44767ZM9.83005 14.8209C9.05233 14.8749 8.26621 14.9859 7.4908 15.1521C5.99418 15.4604 4.79685 16.0763 4.28724 17.0999C4.09503 17.5002 3.99839 17.9288 4.00002 18.3627C3.99944 18.7935 4.0953 19.2227 4.28062 19.6153C4.76994 20.6271 5.8278 21.1997 7.25624 21.5171L7.51213 21.5705C8.26648 21.7407 9.05284 21.8553 9.84446 21.909C9.91189 21.9288 10.0726 21.9472 10.248 21.9561L10.3922 21.9615C10.4664 21.9633 10.5506 21.9637 10.676 21.9637C11.8138 22.0263 12.9934 22.0081 14.1675 21.9081C14.7932 21.8653 15.4231 21.7835 16.0477 21.6636L16.5151 21.5666C18.0576 21.2623 19.2126 20.6836 19.7186 19.6164C20.0937 18.8241 20.0937 17.9047 19.7188 17.1127C19.214 16.0483 18.0737 15.4744 16.5034 15.1509C15.8873 15.0194 15.2612 14.922 14.6307 14.8599L14.1697 14.8209C12.7259 14.6935 11.2738 14.6935 9.83005 14.8209ZM14.0436 16.263L14.0562 16.264C14.7799 16.3149 15.4991 16.4165 16.2087 16.568C17.3751 16.8083 18.1667 17.2067 18.4171 17.7348C18.6057 18.133 18.6057 18.5958 18.4169 18.9944C18.1829 19.4879 17.472 19.8691 16.4445 20.1021L16.2195 20.1498C15.496 20.3112 14.7791 20.4152 14.0576 20.4647C12.9379 20.5599 11.8249 20.5771 10.7148 20.5171L10.3212 20.5103C10.2119 20.5048 10.1198 20.4942 10.0345 20.4771C9.35872 20.4261 8.75066 20.3454 8.16027 20.2283L7.80775 20.1537C6.63771 19.9244 5.83915 19.5243 5.58024 18.989C5.48964 18.797 5.44125 18.5803 5.44154 18.3609C5.44073 18.1428 5.48848 17.931 5.58118 17.7379C5.83293 17.2324 6.67919 16.7971 7.78606 16.569C8.50073 16.4159 9.21962 16.3144 9.94294 16.264C11.316 16.143 12.6837 16.143 14.0436 16.263Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
padding: 12px;
margin-left: 0;
}
}
}
}
.mobile-nav {
ul{
padding: 0;
margin: 0;
li{
border-bottom: 1px solid #DDE2E5;
a{
font-family: Inter, sans-serif;
font-style: normal;
font-weight: 300;
color: #111827;
text-decoration: none;
padding: 14px 24px;
font-size: 14px;
line-height: 17px;
display: flex;
&.arrow {
align-items: center;
&::after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #111827 transparent transparent transparent;
margin-left: 6px;
margin-left: auto;
}
&[aria-expanded="true"]::after{
transform: rotate(180deg);
}
}
}
}
.sub-menu{
li{
a{
margin-left: 22px;
}
&:last-child{
border: none;
}
}
}
}
.offcanvas-body {
padding-left: 0;
padding-right: 0;
}
.offcanvas-footer {
border-top: 1px solid #DDE2E5;
}
.icon-before {
display: flex !important;
align-items: center;
&::before {
content: '';
background-repeat: no-repeat;
min-width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 18px;
}
&.icon-language::before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.03711 8.25047H5.76236C5.82686 6.20072 6.15686 4.33322 6.67436 2.91047C6.80711 2.54597 6.95486 2.20172 7.11911 1.88672C4.37186 2.80547 2.33336 5.27147 2.03711 8.25047ZM9.5 0C4.52975 0 0.5 4.02975 0.5 9C0.5 13.9703 4.52975 18 9.5 18C14.4703 18 18.5 13.9703 18.5 9C18.5 4.02975 14.4703 0 9.5 0ZM9.49995 1.50098C9.3867 1.50098 9.18195 1.56173 8.9007 1.88798C8.62245 2.21198 8.33745 2.72498 8.0832 3.42323C7.63545 4.65623 7.3272 6.34298 7.2627 8.25098H11.7372C11.6727 6.34298 11.3644 4.65623 10.9167 3.42323C10.6624 2.72498 10.3774 2.21198 10.0992 1.88798C9.81795 1.56173 9.6132 1.50098 9.49995 1.50098ZM13.2386 8.25047C13.1733 6.20072 12.8441 4.33322 12.3266 2.91047C12.1938 2.54597 12.0461 2.20172 11.8818 1.88672C14.6291 2.80547 16.6676 5.27147 16.9638 8.25047H13.2386ZM11.7372 9.74902H7.2627C7.3272 11.657 7.63545 13.3438 8.0832 14.5768C8.33745 15.275 8.62245 15.788 8.9007 16.112C9.18195 16.4383 9.3867 16.499 9.49995 16.499C9.6132 16.499 9.81795 16.4383 10.0992 16.112C10.3774 15.788 10.6624 15.275 10.9167 14.5768C11.3644 13.3438 11.6727 11.657 11.7372 9.74902ZM11.8818 16.1128C12.0461 15.7978 12.1938 15.4535 12.3266 15.089C12.8441 13.6663 13.1733 11.7988 13.2386 9.74902H16.9638C16.6676 12.728 14.6291 15.194 11.8818 16.1128ZM7.11911 16.1128C6.95486 15.7978 6.80711 15.4535 6.67436 15.089C6.15686 13.6663 5.82686 11.7988 5.76236 9.74902H2.03711C2.33336 12.728 4.37186 15.194 7.11911 16.1128Z' fill='%23495057'/%3E%3C/svg%3E");
}
&.icon-settings::before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.8126 5.07893C16.5894 4.73698 16.2715 4.46734 15.8977 4.30287C15.5239 4.13839 15.1103 4.08619 14.7074 4.15262C14.0568 4.24947 13.3925 4.12593 12.8203 3.80165C12.248 3.47738 11.8007 2.97101 11.5495 2.36315C11.4023 1.98052 11.1466 1.64919 10.8137 1.40984C10.4809 1.17049 10.0854 1.03353 9.6758 1.01578C9.3709 0.994741 9.06491 0.994741 8.76001 1.01578C8.35288 1.03839 7.96107 1.17875 7.63219 1.4198C7.30331 1.66085 7.05151 1.99223 6.90738 2.37367C6.6629 2.98095 6.22185 3.48872 5.65475 3.81578C5.09232 4.14369 4.43742 4.27689 3.79159 4.19472C3.38548 4.13146 2.96973 4.18844 2.59563 4.35866C2.22153 4.52888 1.90543 4.80488 1.68633 5.15262C1.50508 5.43429 1.3399 5.72598 1.19159 6.0263C1.02737 6.38444 0.966946 6.78148 1.01719 7.17226C1.06743 7.56304 1.22633 7.93188 1.4758 8.23683C1.86718 8.74844 2.08478 9.37175 2.09685 10.0158C2.0971 10.6684 1.87842 11.3022 1.4758 11.8158C1.2277 12.1239 1.07143 12.4956 1.02488 12.8885C0.978341 13.2813 1.04341 13.6793 1.21264 14.0368C1.29685 14.2052 1.38107 14.3631 1.4758 14.521C1.57054 14.6789 1.6337 14.7947 1.71791 14.921C1.94116 15.263 2.25906 15.5326 2.63286 15.6971C3.00666 15.8616 3.42022 15.9138 3.82317 15.8474C4.47374 15.7505 5.13801 15.874 5.71025 16.1983C6.2825 16.5226 6.72984 17.029 6.98106 17.6368C7.12827 18.0195 7.38399 18.3508 7.71683 18.5901C8.04968 18.8295 8.44516 18.9664 8.85475 18.9842C9.15965 19.0053 9.46564 19.0053 9.77054 18.9842C10.1813 18.9656 10.5777 18.8271 10.9107 18.5858C11.2436 18.3444 11.4987 18.0109 11.6442 17.6263C11.8887 17.019 12.3298 16.5113 12.8969 16.1842C13.4593 15.8563 14.1142 15.7231 14.76 15.8052C15.1661 15.8685 15.5819 15.8115 15.956 15.6413C16.3301 15.4711 16.6462 15.1951 16.8653 14.8474C17.0465 14.5657 17.2117 14.274 17.36 13.9737C17.5242 13.6155 17.5847 13.2185 17.5344 12.8277C17.4842 12.4369 17.3253 12.0681 17.0758 11.7631C16.6742 11.2442 16.4526 10.6087 16.4442 9.95262C16.444 9.30002 16.6627 8.66621 17.0653 8.15262C17.3134 7.84452 17.4696 7.47275 17.5162 7.07993C17.5627 6.6871 17.4977 6.28911 17.3284 5.93157C17.2442 5.76314 17.16 5.60525 17.0653 5.44736C16.9705 5.28946 16.8969 5.20525 16.8126 5.07893Z' stroke='%23495057' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.2652 12.4471C10.6081 12.4471 11.6968 11.3585 11.6968 10.0156C11.6968 8.67264 10.6081 7.58398 9.2652 7.58398C7.92227 7.58398 6.83362 8.67264 6.83362 10.0156C6.83362 11.3585 7.92227 12.4471 9.2652 12.4471Z' stroke='%23495057' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
&.icon-help::before {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19Z' stroke='%23495057' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.99995 15.4447C10.6171 15.4447 11.1173 14.9445 11.1173 14.3273C11.1173 13.7102 10.6171 13.21 9.99995 13.21C9.38284 13.21 8.88257 13.7102 8.88257 14.3273C8.88257 14.9445 9.38284 15.4447 9.99995 15.4447Z' fill='%23495057'/%3E%3Cpath d='M7.78577 6.61757C7.98382 6.11936 8.35001 5.70617 8.82082 5.44968C9.29162 5.19319 9.83735 5.10957 10.3634 5.21332C10.8894 5.31708 11.3625 5.60166 11.7006 6.01771C12.0388 6.43377 12.2206 6.95505 12.2147 7.49116C12.2147 9.64466 9.91895 9.90877 9.91895 10.7214V11.3614' stroke='%23495057' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
&.icon-exit::before {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.262 5.54211V4.84236C11.262 3.31611 10.0245 2.07861 8.49823 2.07861H4.84198C3.31648 2.07861 2.07898 3.31611 2.07898 4.84236V13.1899C2.07898 14.7161 3.31648 15.9536 4.84198 15.9536H8.50573C10.0275 15.9536 11.262 14.7199 11.262 13.1981V12.4909' stroke='%23495057' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.357 9.01611H7.32629' stroke='%23495057' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1609 6.82959L16.3569 9.01584L14.1609 11.2028' stroke='%23495057' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
}
.navbar-profile {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
width: 100%;
padding: 18px 24px;
.navbar-profile-data {
flex: 1;
position: relative;
a::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.navbar-profile-name {
font-family: Inter, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #141414;
}
.navbar-profile-type {
font-family: Inter, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #6B7280;
}
}
.navbar-profile-logout {
a {
display: block;
}
}
}
}
.hero-home {
position: relative;
background-color: rgba(255, 170, 89, 0.22);
// min-height: 555px;
&.hero2::before {
background-image: url('../img/hero/hero_09.webp');
}
&.hero3::before {
background-image: url('../img/hero/hero_10.webp');
}
&.hero4::before {
background-image: url('../img/hero/hero_08.webp');
}
&.hero5::before {
background-image: url('../img/hero/hero_05.webp');
}
&.hero6::before {
background-image: url('../img/hero/hero_11.webp');
}
&.hero7::before {
background-image: url('../img/hero/hero_06.webp');
}
&.hero8::before {
background-image: url('../img/hero/hero_07.webp');
}
.hero-content {
padding-top: 135px;
color: #FFFFFF;
z-index: 10;
position: relative;
.subtitle {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
margin-bottom: 20px;
}
h1 {
font-family: 'Montserrat Alternates', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 61px;
color: #FFFFFF;
}
.searchbar {
background-color: #FFFFFF;
display: flex;
padding: 12px;
box-shadow: 0px 36px 44px rgba(0, 0, 0, 0.12);
border-radius: 10px;
color: #212429;
.autocomplete {
ul {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #FFFFFF;
box-shadow: 0px 54px 54px rgba(0, 0, 0, 0.08), 0px 16.2794px 16.2794px rgba(0, 0, 0, 0.0521271), 0px 6.76164px 6.76164px rgba(0, 0, 0, 0.04), 0px 2.44555px 2.44555px rgba(0, 0, 0, 0.0278729);
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
overflow-y: auto;
max-height: 260px;
&::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
&::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
&::-webkit-scrollbar-thumb {
background-color: #FF8C1C;
border-radius: 6px;
}
li {
padding: 17px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #212429;
cursor: pointer;
&:hover {
color: #FF8C1C;
}
& + li {
border-top: 1px solid #E1E8EE;
}
}
}
}
select {
padding: 14px 41px 14px 24px;
width: 215px;
background-color: #F5F5F6;
border-color: #F5F5F6;
border-radius: 8px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212429;
option {
padding: 7px 14px;
height: 24px;
display: block;
}
}
select:focus {
outline: none;
box-shadow: none;
}
input {
border-width: 0;
background: #F5F5F6;
border-radius: 8px;
padding: 14px 16px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212429;
&:focus {
background-color: #F5F5F6;
border-width: 0 !important;
}
}
input::placeholder {
color: #212429;
}
}
.counterbar {
margin: 44px 0;
ul {
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
li {
flex: 1 0 0%;
border-right: 1px solid #FFFFFF20;
margin-right: 20px;
strong {
font-family: 'Montserrat Alternates', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 29px;
color: #FFFFFF;
display: block;
}
span {
font-family: 'Montserrat Alternates', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
}
}
li:last-child {
border-right-width: 0;
margin-right: 0;
}
}
}
}
}
.hero-home::before {
content: '';
background-image: url('../img/hero/hero_06.webp');
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.wmbc {
.content {
margin: 41px 0 0;
}
}
.content {
margin: 41px 0;
.banner {
display: block;
&:hover {
img {
border: 1px solid #e4e8ea;
}
}
img {
border: 1px solid #FF8C1C;
border-radius: 12px;
}
.carousel-indicators {
position: relative;
}
}
.banner + .banner {
margin-top: 14px;
}
}
.actual-box {
margin-bottom: 41px;
h3 {
font-family: 'Montserrat Alternates';
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 34px;
color: #212429;
}
.actual-header {
background-color: #FFFFFF;
border: 1px solid #DDE2E5;
box-sizing: border-box;
border-radius: 4px;
padding: 16.5px;
margin-bottom: 16px;
.nav-tabs .nav-item {
margin-bottom: 0;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
background: #FF8C1C;
border-radius: 4px;
padding: 4px 12px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #FFFFFF;
}
.nav-tabs .nav-item.show .nav-link::after,
.nav-tabs .nav-link.active::after {
content: '';
height: 0;
margin-top: 0;
}
.nav-tabs .nav-link {
background: transparent;
border-radius: 4px;
padding: 4px 12px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #000000;
}
}
}
.item-list {
background: #FFFFFF;
border: 1px solid #DDE2E5;
border-radius: 8px;
padding: 20px 24px;
margin-bottom: 16px;
position: relative;
.head {
display: flex;
z-index: 3;
.favourite {
margin-left: auto;
padding: 0;
min-width: 20px;
height: 20px;
text-indent: -999px;
overflow: hidden;
border: none;
background-color: transparent;
z-index: 3;
position: relative;
span {
display: none;
}
&:active,
&:focus {
outline: none;
box-shadow: none;
}
&.active::before,
&:hover::before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMTQuMDkgNy4yNkwyMSA4LjI3TDE2IDEzLjE0TDE3LjE4IDIwLjAyTDExIDE2Ljc3TDQuODIgMjAuMDJMNiAxMy4xNEwxIDguMjdMNy45MSA3LjI2TDExIDFaIiBmaWxsPSIjRkY4QzFDIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}
&::before {
content: '';
display: block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMTQuMDkgNy4yNkwyMSA4LjI3TDE2IDEzLjE0TDE3LjE4IDIwLjAyTDExIDE2Ljc3TDQuODIgMjAuMDJMNiAxMy4xNEwxIDguMjdMNy45MSA3LjI2TDExIDFaIiBzdHJva2U9IiMyMTI0MjkiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
}
&:hover {
border-color: #FF8C1C;
cursor: pointer;
}
a.stretched {
display: block;
}
a.stretched::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.title {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #212429;
margin-bottom: 8px;
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 22px;
color: #212429;
margin-bottom: 8px;
text-decoration: none;
&:visited {
color: #ACB5BD;
}
&:hover {
color: #FF8C1C;
}
}
}
.subtitle {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 17px;
color: #495057;
margin-bottom: 8px;
span {
color: #FF8C1C;
}
}
.profobl {
font-family: Montserrat, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 17px;
color: #495057;
margin-bottom: 8px;
span {
color: #FF8C1C;
}
}
.price {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #FF8C1C;
margin-bottom: 11.5px;
}
.text {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;
color: #000000;
margin-bottom: 11.5px;
}
ul {
margin-bottom: 0;
.company {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #000000;
word-break: break-word;
&.is-valid::before {
content: '';
min-width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi4xNDg4IDIuODQyODVDMTIuNDc2NSAyLjk1NzYgMTIuNjk1NSAzLjI2NjYgMTIuNjk1NSAzLjYxMzg1VjguNjkzNkMxMi42OTU1IDEwLjExMzMgMTIuMTc5NSAxMS40Njg2IDExLjI2ODMgMTIuNTE4NkMxMC44MSAxMy4wNDczIDEwLjIzMDMgMTMuNDU5MSA5LjYxNDUgMTMuNzkyMUw2Ljk0NiAxNS4yMzM2TDQuMjczIDEzLjc5MTNDMy42NTY1IDEzLjQ1ODMgMy4wNzYgMTMuMDQ3MyAyLjYxNyAxMi41MTc4QzEuNzA1IDExLjQ2NzggMS4xODc1IDEwLjExMTggMS4xODc1IDguNjkwNlYzLjYxMzg1QzEuMTg3NSAzLjI2NjYgMS40MDY1IDIuOTU3NiAxLjczNDI1IDIuODQyODVMNi42NzA3NSAxLjEwODFDNi44NDYyNSAxLjA0NjYgNy4wMzc1IDEuMDQ2NiA3LjIxMjI1IDEuMTA4MUwxMi4xNDg4IDIuODQyODVaIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQuOTkyMTkgNy45MzgyN0w2LjQxMTE5IDkuMzU4MDNMOS4zMzQ2OSA2LjQzNDUyIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-size: contain;
margin-right: 11px;
}
}
.location {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
color: #495057;
&::before {
content: '';
min-width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE3OTMyIDcuMjkzNDlDMS4xOTAxMyA0LjExMzA1IDMuNzc3MTQgMS41NDM1NSA2Ljk1NzU4IDEuNTU0MzZDMTAuMTM4IDEuNTY1MTYgMTIuNzA3NSA0LjE1MjE4IDEyLjY5NjcgNy4zMzI2MlY3LjM5NzgzQzEyLjY1NzYgOS40NjUyMiAxMS41MDMyIDExLjM3NjEgMTAuMDg4IDEyLjg2OTZDOS4yNzg2NSAxMy43MSA4LjM3NDgzIDE0LjQ1NDEgNy4zOTQ1NCAxNS4wODdDNy4xMzI0MiAxNS4zMTM3IDYuNzQzNjIgMTUuMzEzNyA2LjQ4MTUgMTUuMDg3QzUuMDIwMTIgMTQuMTM1OCAzLjczNzUyIDEyLjkzNDkgMi42OTIzNiAxMS41MzkxQzEuNzYwODMgMTAuMzIyIDEuMjMxOTUgOC44NDQ4MSAxLjE3OTMyIDcuMzEzMDVMMS4xNzkzMiA3LjI5MzQ5WiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxlbGxpcHNlIGN4PSI2LjkzODA2IiBjeT0iNy40MDQzNyIgcng9IjEuODQ1NjUiIHJ5PSIxLjg0NTY1IiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: 11px;
}
}
.categories {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
color: #495057;
&::before {
content: '';
min-width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.74567 1.62909C8.51686 1.50393 8.23968 1.50393 8.01011 1.62909L1.53522 5.16098L8.01011 8.69288C8.23968 8.81803 8.51686 8.81803 8.74567 8.69288L15.2206 5.16098L8.74567 1.62909ZM7.27455 0.281592C7.96251 -0.093864 8.79327 -0.093864 9.48122 0.281592L15.9553 3.81272C17.0226 4.39471 17.0226 5.92725 15.9553 6.50925L14.9081 7.08049L15.9553 7.65174C17.0226 8.23373 17.0226 9.76627 15.9553 10.3483L14.9081 10.9195L15.9553 11.4908C17.0226 12.0727 17.0226 13.6053 15.9553 14.1873L9.48122 17.7184C8.79327 18.0939 7.96251 18.0939 7.27455 17.7184L0.800435 14.1873C-0.266812 13.6053 -0.266812 12.0727 0.800435 11.4908L1.84772 10.9195L0.800435 10.3483C-0.266812 9.76627 -0.266812 8.23373 0.800435 7.65174L1.84772 7.08049L0.800435 6.50925C-0.266812 5.92725 -0.266812 4.39471 0.800435 3.81272L7.27455 0.281592ZM3.45089 7.95502L1.53522 9L8.01011 12.5319C8.23968 12.657 8.51686 12.657 8.74567 12.5319L15.2206 9L13.3049 7.95502L9.48122 10.0404C8.79327 10.4158 7.96251 10.4158 7.27455 10.0404L3.45089 7.95502ZM3.45089 11.794L1.53522 12.839L8.01011 16.3709C8.23968 16.4961 8.51686 16.4961 8.74567 16.3709L15.2206 12.839L13.3049 11.794L9.48122 13.8794C8.79327 14.2548 7.96251 14.2548 7.27455 13.8794L3.45089 11.794Z' fill='%23495057'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: 11px;
}
span {
& + span {
&::before {
content: ', ';
}
}
}
}
.contact {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
color: #495057;
&::before {
content: '';
min-width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.00429 0C5.07027 0 2.69177 2.38864 2.69177 5.33517C2.69177 8.28171 5.07027 10.6703 8.00429 10.6703C10.9383 10.6703 13.3168 8.28171 13.3168 5.33517C13.3168 2.38864 10.9383 0 8.00429 0ZM8.00429 1.44767C10.1422 1.44767 11.8753 3.18816 11.8753 5.33517C11.8753 7.48218 10.1422 9.22268 8.00429 9.22268C5.8664 9.22268 4.1333 7.48218 4.1333 5.33517C4.1333 3.18816 5.8664 1.44767 8.00429 1.44767ZM5.83005 12.8209C5.05233 12.8749 4.26621 12.9859 3.4908 13.1521C1.99418 13.4604 0.796853 14.0763 0.287239 15.0999C0.0950274 15.5002 -0.00161033 15.9288 2.0295e-05 16.3627C-0.000556342 16.7935 0.095299 17.2227 0.280618 17.6153C0.769943 18.6271 1.8278 19.1997 3.25624 19.5171L3.51213 19.5705C4.26648 19.7407 5.05284 19.8553 5.84446 19.909C5.91189 19.9288 6.07258 19.9472 6.24796 19.9561L6.39222 19.9615C6.46639 19.9633 6.55058 19.9637 6.67601 19.9637C7.81385 20.0263 8.99342 20.0081 10.1675 19.9081C10.7932 19.8653 11.4231 19.7835 12.0477 19.6636L12.5151 19.5666C14.0576 19.2623 15.2126 18.6836 15.7186 17.6164C16.0937 16.8241 16.0937 15.9047 15.7188 15.1127C15.214 14.0483 14.0737 13.4744 12.5034 13.1509C11.8873 13.0194 11.2612 12.922 10.6307 12.8599L10.1697 12.8209C8.72593 12.6935 7.27382 12.6935 5.83005 12.8209ZM10.0436 14.263L10.0562 14.264C10.7799 14.3149 11.4991 14.4165 12.2087 14.568C13.3751 14.8083 14.1667 15.2067 14.4171 15.7348C14.6057 16.133 14.6057 16.5958 14.4169 16.9944C14.1829 17.4879 13.472 17.8691 12.4445 18.1021L12.2195 18.1498C11.496 18.3112 10.7791 18.4152 10.0576 18.4647C8.93793 18.5599 7.82495 18.5771 6.71477 18.5171L6.32116 18.5103C6.2119 18.5048 6.11981 18.4942 6.03447 18.4771C5.35872 18.4261 4.75066 18.3454 4.16027 18.2283L3.80775 18.1537C2.63771 17.9244 1.83915 17.5243 1.58024 16.989C1.48964 16.797 1.44125 16.5803 1.44154 16.3609C1.44073 16.1428 1.48848 15.931 1.58118 15.7379C1.83293 15.2324 2.67919 14.7971 3.78606 14.569C4.50073 14.4159 5.21962 14.3144 5.94294 14.264C7.31603 14.143 8.68372 14.143 10.0436 14.263Z' fill='%23495057'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin-right: 11px;
}
span {
& + span {
&::before {
content: ', ';
}
}
}
}
.experience {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #495057;
&::before {
content: '';
min-width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTAzMDMgMTEuMTA3N0MxLjEwMzAzIDExLjEwNzcgMS4yMDk1MyAxMi40MTEyIDEuMjM0MjggMTIuODIyMkMxLjI2NzI4IDEzLjM3MzUgMS40ODAyOCAxMy45ODkyIDEuODM1NzggMTQuNDE2N0MyLjMzNzUzIDE1LjAyMjcgMi45Mjg1MyAxNS4yMzY1IDMuNzE3NTMgMTUuMjM4QzQuNjQ1MjggMTUuMjM5NSAxMS4zOTE1IDE1LjIzOTUgMTIuMzE5MyAxNS4yMzhDMTMuMTA4MyAxNS4yMzY1IDEzLjY5OTMgMTUuMDIyNyAxNC4yMDEgMTQuNDE2N0MxNC41NTY1IDEzLjk4OTIgMTQuNzY5NSAxMy4zNzM1IDE0LjgwMzMgMTIuODIyMkMxNC44MjczIDEyLjQxMTIgMTQuOTMzOCAxMS4xMDc3IDE0LjkzMzggMTEuMTA3NyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik01LjM3MTk1IDMuNDk3MTJWMy4yMTg4N0M1LjM3MTk1IDIuMzAzODcgNi4xMTI5NSAxLjU2Mjg3IDcuMDI3OTUgMS41NjI4N0g4Ljk2NDQ1QzkuODc4NyAxLjU2Mjg3IDEwLjYyMDQgMi4zMDM4NyAxMC42MjA0IDMuMjE4ODdMMTAuNjIxMiAzLjQ5NzEyIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuOTk2MjIgMTIuMDA4NlYxMS4wMzgxIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjA2MjM4IDUuNzkxNzlWOC4zOTIwNEMyLjUwMDg4IDkuMzQwNzkgNC4yMjQzOCAxMC4wMDUzIDYuMTE1ODggMTAuMjY4NUM2LjM0MjM4IDkuNDQyNzkgNy4wODcxMyA4LjgzNzU0IDcuOTkyMzggOC44Mzc1NEM4Ljg4MzM4IDguODM3NTQgOS42NDMxMyA5LjQ0Mjc5IDkuODU0NjMgMTAuMjc2QzExLjc1MzYgMTAuMDEyOCAxMy40ODM5IDkuMzQ4MjkgMTQuOTI5OSA4LjM5MjA0VjUuNzkxNzlDMTQuOTI5OSA0LjUyMTI5IDEzLjkwNzYgMy40OTgyOSAxMi42MzcxIDMuNDk4MjlIMy4zNjI2M0MyLjA5MjEzIDMuNDk4MjkgMS4wNjIzOCA0LjUyMTI5IDEuMDYyMzggNS43OTE3OVoiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
background-repeat: no-repeat;
background-size: contain;
margin-right: 11px;
}
}
.time {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #495057;
&::before {
content: '';
min-width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC45Mzc0IDguNTAwMzdDMTQuOTM3NCAxMi4zMzIxIDExLjgzMTYgMTUuNDM3OSA3Ljk5OTg4IDE1LjQzNzlDNC4xNjgxMyAxNS40Mzc5IDEuMDYyMzggMTIuMzMyMSAxLjA2MjM4IDguNTAwMzdDMS4wNjIzOCA0LjY2ODYyIDQuMTY4MTMgMS41NjI4NyA3Ljk5OTg4IDEuNTYyODdDMTEuODMxNiAxLjU2Mjg3IDE0LjkzNzQgNC42Njg2MiAxNC45Mzc0IDguNTAwMzdaIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEwLjU3MzYgMTAuNzA3Mkw3Ljc0NjA5IDkuMDIwNDRWNS4zODUxOSIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
margin-right: 11px;
}
}
.education {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #495057;
&::before {
content: '';
min-width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjQwMjEgNC4zODkxNUwxMC4yMjY4IDAuODgzOTk3QzkuNjA4MjUgMC41NzQ3MTkgOC41NTY3IDAuNTc0NzE5IDcuOTM4MTQgMC44ODM5OTdMMC41OTc5MzggNC4zODkxNUMwLjA4MjQ3NDIgNC42MzY1NyAwIDQuOTg3MDkgMCA1LjE3MjY2QzAgNS4zNTgyMiAwLjA4MjQ3NDIgNS42ODgxMiAwLjU5NzkzOCA1Ljk1NjE2TDEuMTk1ODggNi4yNDQ4MlY5LjU0Mzc5QzAuODI0NzQyIDkuNjg4MTIgMC41NTY3MDEgMTAuMDU5MyAwLjU1NjcwMSAxMC40NzE2QzAuNTU2NzAxIDEwLjg4NCAwLjgyNDc0MiAxMS4yNTUxIDEuMTc1MjYgMTEuMzk5NUwwLjI0NzQyMyAxNC4zNDc5SDIuODQ1MzZMMS45MTc1MyAxMS4zOTk1QzIuMjg4NjYgMTEuMjU1MSAyLjUzNjA4IDEwLjg4NCAyLjUzNjA4IDEwLjQ3MTZDMi41MzYwOCAxMC4wMzg2IDIuMjY4MDQgOS42ODgxMiAxLjg5NjkxIDkuNTQzNzlWNi41OTUzNEwyLjk4OTY5IDcuMTMxNDJWMTEuNDIwMUMyLjk4OTY5IDExLjQ4MTkgMy4wMTAzMSAxMS41NDM4IDMuMDUxNTUgMTEuNjA1NkMzLjE1NDY0IDExLjcyOTQgNS4wNzIxNiAxNC4zNDc5IDguOTg5NjkgMTQuMzQ3OUMxMi45MDcyIDE0LjM0NzkgMTQuODI0NyAxMS43MDg3IDE0LjkwNzIgMTEuNjA1NkMxNC45NDg1IDExLjU0MzggMTQuOTY5MSAxMS40ODE5IDE0Ljk2OTEgMTEuNDIwMVY3LjE1MjA0TDE3LjQwMjEgNS45NTYxNkMxNy45MTc1IDUuNzA4NzQgMTggNS4zNTgyMiAxOCA1LjE3MjY2QzE3Ljk3OTQgNC45ODcwOSAxNy45MTc1IDQuNjM2NTcgMTcuNDAyMSA0LjM4OTE1Wk0xNC4zMDkzIDExLjMxN0MxMy45Nzk0IDExLjcyOTQgMTIuMjA2MiAxMy43MDg3IDguOTg5NjkgMTMuNzA4N0M1Ljc3MzIgMTMuNzA4NyA0IDExLjcyOTQgMy42NzAxIDExLjMxN1Y3LjQyMDA4TDcuOTM4MTQgOS40NjEzMkM4LjI0NzQyIDkuNjA1NjUgOC42NTk3OSA5LjY4ODEyIDkuMDcyMTYgOS42ODgxMkM5LjUwNTE1IDkuNjg4MTIgOS45MTc1MyA5LjYwNTY1IDEwLjIyNjggOS40NDA3TDE0LjMwOTMgNy40NDA3VjExLjMxN1pNMTcuMTEzNCA1LjM3ODg0TDE0LjYzOTIgNi41OTUzNEMxNC41MzYxIDYuNTk1MzQgMTQuNDUzNiA2LjYzNjU3IDE0LjQxMjQgNi43MTkwNUw5LjkzODE0IDguODg0QzkuNTA1MTUgOS4xMTA4IDguNjU5NzkgOS4xMTA4IDguMjA2MTkgOC44ODRMMi43MDEwMyA2LjI0NDgyTDkuMDMwOTMgNS41MDI1NUM5LjIxNjQ5IDUuNDgxOTQgOS4zNDAyMSA1LjMxNjk5IDkuMzE5NTkgNS4xNTIwNEM5LjI5ODk3IDQuOTY2NDcgOS4xMzQwMiA0Ljg0Mjc2IDguOTY5MDcgNC44NjMzOEwxLjYyODg3IDUuNzI5MzZMMC44ODY1OTggNS4zNzg4NEMwLjcwMTAzMSA1LjI5NjM3IDAuNjU5Nzk0IDUuMTkzMjggMC42NTk3OTQgNS4xOTMyOEMwLjY1OTc5NCA1LjE3MjY2IDAuNzAxMDMxIDUuMDkwMTggMC44ODY1OTggNS4wMDc3MUw4LjIyNjggMS40ODE5NEM4LjQ1MzYxIDEuMzc4ODQgOC43NjI4OSAxLjMxNjk5IDkuMDcyMTYgMS4zMTY5OUM5LjQwMjA2IDEuMzE2OTkgOS43MzE5NiAxLjM3ODg0IDkuOTM4MTQgMS40ODE5NEwxNy4xMTM0IDQuOTg3MDlDMTcuMjk5IDUuMDY5NTYgMTcuMzQwMiA1LjE1MjA0IDE3LjM0MDIgNS4xOTMyOEMxNy4zNDAyIDUuMTkzMjggMTcuMjc4NCA1LjI5NjM3IDE3LjExMzQgNS4zNzg4NFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
margin-right: 11px;
}
}
.price {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #FF8C1C;
margin-bottom: 0;
&::before {
content: '';
min-width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4xNDMxIDYuMzE0NjZDMTQuNjYzOCAzLjM2NDYxIDEyLjE1ODEgMS4xNjk5MyA5LjE3MDU3IDEuMDgzNTRDOS4wMjg1MiAxLjA3Nzk3IDguODkwMDkgMS4xMjkxMSA4Ljc4NTc5IDEuMjI1NjlDOC42ODE0OCAxLjMyMjI3IDguNjE5ODYgMS40NTYzNiA4LjYxNDUgMS41OTg0MlYxLjU5ODQyVjEuNjQ2NDdMOC45NTA4OSA2LjY3ODUxQzguOTcyOTUgNy4wMTcyNSA5LjI2NDE3IDcuMjc0NzQgOS42MDMwNiA3LjI1NTE3TDE0LjY0ODggNi45MTg3OEMxNC43OTEgNi45MDgyNyAxNC45MjMxIDYuODQxNDkgMTUuMDE1OSA2LjczMzI1QzE1LjEwODcgNi42MjUwMSAxNS4xNTQ1IDYuNDg0MjMgMTUuMTQzMSA2LjM0MjEyVjYuMzE0NjZaIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUuNjc2MjUgNC4wNzY3QzUuOTk3MjIgNC4wMDI0NSA2LjMyNTY4IDQuMTY2NjggNi40NTg4NiA0LjQ2OEM2LjQ5Mzc1IDQuNTM4ODcgNi41MTQ3MiA0LjYxNTc4IDYuNTIwNjUgNC42OTQ1NUM2LjU4OTMgNS42NjkzOCA2LjczMzQ2IDcuODA0MzkgNi44MTU4NCA4Ljk1NzdDNi44Mjk5MSA5LjE2NTQ2IDYuOTI2MTkgOS4zNTkwNCA3LjA4MzM3IDkuNDk1NjFDNy4yNDA1NiA5LjYzMjE4IDcuNDQ1NjkgOS43MDA0OCA3LjY1MzM3IDkuNjg1MzlWOS42ODUzOUwxMS44ODkxIDkuNDI0NTJDMTIuMDc4MiA5LjQxMzE2IDEyLjI2MzYgOS40ODA0NCAxMi40MDEzIDkuNjEwNDNDMTIuNTM5MSA5Ljc0MDQzIDEyLjYxNzEgOS45MjE1OSAxMi42MTY4IDEwLjExMVYxMC4xMTFDMTIuNDQ1MSAxMi42Njg4IDEwLjYwNzQgMTQuODA3MSA4LjEwNDUzIDE1LjM2MTNDNS42MDE2MyAxNS45MTU2IDMuMDMzMDEgMTQuNzUzMSAxLjc5NzU0IDEyLjUwNjlDMS40Mjg3MiAxMS44NjA0IDEuMTk1MTYgMTEuMTQ1NyAxLjExMTA0IDEwLjQwNjJDMS4wNzUwNyAxMC4xNzkzIDEuMDYxMjggOS45NDkzNSAxLjA2OTg1IDkuNzE5NzJDMS4wNzcxMyA2Ljk4ODIyIDIuOTk1NDggNC42MzQ2NyA1LjY2OTM5IDQuMDc2NyIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
margin-right: 11px;
}
}
}
.forwhom {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
span {
display: flex;
align-items: center;
&.green {
color: #4BC374;
}
&.orange {
color: #FF8C1C;
}
&.blue {
color: #2A87C4;
}
&::before {
margin-right: 8px;
}
}
.flood::before {
content: url('data:image/svg+xml,');
min-width: 18px;
height: 18px;
display: flex;
justify-content: center;
}
.youth-practice::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjg3NSA2LjE4NzVDOC43NjIwOSA2LjE4NzUgOC44MzM2MyA2LjIxNzEzIDguODg2MzcgNi4yNjk4OEM4LjkzOTEyIDYuMzIyNjIgOC45Njg3NSA2LjM5NDE2IDguOTY4NzUgNi40Njg3NUg5LjUzMTI1QzkuNTMxMjUgNi4yNDQ5NyA5LjQ0MjM1IDYuMDMwMzYgOS4yODQxMiA1Ljg3MjEzQzkuMTI1ODkgNS43MTM4OSA4LjkxMTI4IDUuNjI1IDguNjg3NSA1LjYyNUM4LjQ2MzcyIDUuNjI1IDguMjQ5MTEgNS43MTM4OSA4LjA5MDg4IDUuODcyMTNDNy45MzI2NSA2LjAzMDM2IDcuODQzNzUgNi4yNDQ5NyA3Ljg0Mzc1IDYuNDY4NzVIOC40MDYyNUM4LjQwNjI1IDYuMzk0MTYgOC40MzU4OCA2LjMyMjYyIDguNDg4NjMgNi4yNjk4OEM4LjU0MTM3IDYuMjE3MTMgOC42MTI5MSA2LjE4NzUgOC42ODc1IDYuMTg3NVoiIGZpbGw9IiM0QkMzNzQiIHN0cm9rZT0iIzRCQzM3NCIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPHBhdGggZD0iTTExLjg2MjggMTIuMjIzMkw4LjQwNjI1IDExLjMxNDdWMTAuNDA2M0M4Ljk4NjMyIDEwLjE2MjkgOS40OTM5MSA5Ljc3NDE5IDkuODgwMTIgOS4yNzc2M0MxMC4yNjYzIDguNzgxMDggMTAuNTE4MSA4LjE5MzQyIDEwLjYxMTIgNy41NzEyOUMxMC44NDg0IDcuNTMyMjQgMTEuMDcxNSA3LjQzMjY2IDExLjI1ODkgNy4yODIxN0MxMS40NDYzIDcuMTMxNjkgMTEuNTkxNyA2LjkzNTQgMTEuNjgxMSA2LjcxMjI3QzExLjc3MDUgNi40ODkxNCAxMS44MDA4IDYuMjQ2NzQgMTEuNzY5IDYuMDA4NDhDMTEuNzM3MyA1Ljc3MDIzIDExLjY0NDYgNS41NDQxOSAxMS41IDUuMzUyMjNWNS4wNjI1NEMxMS40OTk2IDMuOTIyNTQgMTEuMDY2NSAyLjgyNTE4IDEwLjI4ODMgMS45OTIxNUM5LjUxMDAzIDEuMTU5MTIgOC40NDQ2MyAwLjY1MjUwNSA3LjMwNzI5IDAuNTc0NjU5QzYuMTY5OTUgMC40OTY4MTMgNS4wNDU0NSAwLjg1MzUzNCA0LjE2MDk2IDEuNTcyNzZDMy4yNzY0NyAyLjI5MTk4IDIuNjk3OTIgMy4zMjAxIDIuNTQyMTkgNC40NDk0MkMyLjQ4NDkgNC44MDk0NCAyLjMxMjE2IDUuMTQxMDkgMi4wNSA1LjM5NDQyTDEuMTc1MzEgNi4yNjkxQzEuMTQyMjUgNi4zMDIgMS4xMTc5NyA2LjM0MjY3IDEuMTA0NzEgNi4zODczOUMxLjA5MTQ0IDYuNDMyMSAxLjA4OTYxIDYuNDc5NDMgMS4wOTkzOCA2LjUyNTA0QzEuMTA5MjMgNi41NzA1OSAxLjEyOTk4IDYuNjEzMDcgMS4xNTk4NyA2LjY0ODgzQzEuMTg5NzUgNi42ODQ1OSAxLjIyNzg2IDYuNzEyNTYgMS4yNzA5NCA2LjczMDM1TDMuMzg4NzUgNy41NzY5MkMzLjQ4MzQzIDguMTk3ODEgMy43MzU4OCA4Ljc4NDAxIDQuMTIxOTYgOS4yNzk0QzQuNTA4MDMgOS43NzQ4IDUuMDE0OCAxMC4xNjI4IDUuNTkzNzUgMTAuNDA2M1YxMS4zMTQ3TDIuMTM0MzcgMTIuMjIzMkMxLjU5NDU1IDEyLjM2NzMgMS4xMTczNCAxMi42ODU1IDAuNzc2NjY3IDEzLjEyODRDMC40MzU5OTUgMTMuNTcxMyAwLjI1MDg4IDE0LjExNDEgMC4yNSAxNC42NzI5VjE3LjE1NjNDMC4yNSAxNy4yMzA5IDAuMjc5NjMyIDE3LjMwMjQgMC4zMzIzNzYgMTcuMzU1MkMwLjM4NTEyMSAxNy40MDc5IDAuNDU2NjU4IDE3LjQzNzUgMC41MzEyNSAxNy40Mzc1SDEzLjQ2ODhDMTMuNTQzMyAxNy40Mzc1IDEzLjYxNDkgMTcuNDA3OSAxMy42Njc2IDE3LjM1NTJDMTMuNzIwNCAxNy4zMDI0IDEzLjc1IDE3LjIzMDkgMTMuNzUgMTcuMTU2M1YxNC42NzI5QzEzLjc0OSAxNC4xMTM3IDEzLjU2MzYgMTMuNTcwNSAxMy4yMjIzIDEzLjEyNzZDMTIuODgxMSAxMi42ODQ2IDEyLjQwMzIgMTIuMzY2NyAxMS44NjI4IDEyLjIyMzJaTTExLjIxODggNi4xODc1NEMxMS4yMTg2IDYuNDEwNzEgMTEuMTMwNyA2LjYyNDg3IDEwLjk3NDEgNi43ODM3OUMxMC44ODQyIDYuODcxNzIgMTAuNzc1NSA2LjkzODA3IDEwLjY1NjIgNi45Nzc4NVY1LjM5NDQyQzEwLjgyMDEgNS40NTI3OSAxMC45NjIxIDUuNTYwMjUgMTEuMDYyNyA1LjcwMjE3QzExLjE2MzQgNS44NDQwOCAxMS4yMTc5IDYuMDEzNTYgMTEuMjE4OCA2LjE4NzU0Wk0zLjQ1MDYyIDYuMjUyMjNDMy40MTc1NiA2LjI3Nzg2IDMuMzkwNzUgNi4zMTA2OCAzLjM3MjIzIDYuMzQ4MkMzLjM1MzcyIDYuMzg1NzEgMy4zNDM5OCA2LjQyNjk1IDMuMzQzNzUgNi40Njg3OVY2Ljk1MjU0TDEuODc1NjIgNi4zNjQ3M0wyLjQ0OTM3IDUuNzkzNzlDMi43OTYxNSA1LjQ1MjU3IDMuMDIzOTQgNS4wMDg4MyAzLjA5OTA2IDQuNTI4MTdDMy4yMzE4MSAzLjU1Mzc0IDMuNzI0NjQgMi42NjQzNSA0LjQ4MDQ3IDIuMDM1MTlDNS4yMzYzIDEuNDA2MDMgNi4yMDAzNCAxLjA4MjcyIDcuMTgyNjggMS4xMjg5NEM4LjE2NTAyIDEuMTc1MTcgOS4wOTQ0NCAxLjU4NzU3IDkuNzg3ODUgMi4yODQ5M0MxMC40ODEzIDIuOTgyMjggMTAuODg4NCAzLjkxNDAyIDEwLjkyOTEgNC44OTY2QzEwLjgwMTggNC44NDM0NiAxMC42NjcxIDQuODEwMjYgMTAuNTI5NyA0Ljc5ODE3TDkuMTk2NTYgMi45MzA2N0M5LjE3MTU1IDIuODk1MDkgOS4xMzg1NSAyLjg2NTg4IDkuMTAwMjIgMi44NDUzNUM5LjA2MTg4IDIuODI0ODMgOS4wMTkyNyAyLjgxMzU3IDguOTc1OCAyLjgxMjQ3QzguOTMyMzMgMi44MTEzOCA4Ljg4OTIxIDIuODIwNDggOC44NDk4OSAyLjgzOTA1QzguODEwNTcgMi44NTc2MyA4Ljc3NjE0IDIuODg1MTUgOC43NDkzOCAyLjkxOTQyTDcuMjg2ODggNC43NDQ3M0M2LjgyMDM0IDUuMzI3MjMgNi4xNTkxOSA1LjcyMTczIDUuNDI1IDUuODU1NjdMNC42NzEyNSA1Ljk5MzQ4TDQuOTU1MzEgNS43NjU2N0M1LjE0OTEzIDUuNjA5NjIgNS4zMTIyMiA1LjQxODg4IDUuNDM2MjUgNS4yMDMxN0w2LjQwMDk0IDMuNTE1NjdMNS45MTE1NiAzLjIzNDQyTDQuOTQ2ODggNC45MjQ3M0M0Ljg2MDEzIDUuMDc5MyA0Ljc0MzQ5IDUuMjE1MDYgNC42MDM3NSA1LjMyNDFMMy40NTA2MiA2LjI0OTQxVjYuMjUyMjNaTTMuOTA2MjUgNy4wMzEyOVY2LjcwMjIzTDUuNTI2MjUgNi40MDk3M0M2LjM5NDggNi4yNTIxMSA3LjE3NyA1Ljc4NTU5IDcuNzI4NDQgNS4wOTYyOUw4Ljk1NzUgMy41NjA2N0wxMC4wOTM4IDUuMTUyNTRWNy4wMzEyOUMxMC4wOTM4IDcuODUxOCA5Ljc2NzggOC42Mzg3MSA5LjE4NzYxIDkuMjE4OUM4LjYwNzQyIDkuNzk5MDkgNy44MjA1MSAxMC4xMjUgNyAxMC4xMjVDNi4xNzk0OSAxMC4xMjUgNS4zOTI1OCA5Ljc5OTA5IDQuODEyMzkgOS4yMTg5QzQuMjMyMiA4LjYzODcxIDMuOTA2MjUgNy44NTE4IDMuOTA2MjUgNy4wMzEyOVpNNy44NDM3NSAxMC41ODYzVjExLjUzMTNDNy44NDM3NSAxMS43NTUxIDcuNzU0ODUgMTEuOTY5NyA3LjU5NjYyIDEyLjEyNzlDNy40MzgzOSAxMi4yODYxIDcuMjIzNzggMTIuMzc1IDcgMTIuMzc1QzYuNzc2MjIgMTIuMzc1IDYuNTYxNjEgMTIuMjg2MSA2LjQwMzM4IDEyLjEyNzlDNi4yNDUxNCAxMS45Njk3IDYuMTU2MjUgMTEuNzU1MSA2LjE1NjI1IDExLjUzMTNWMTAuNTg2M0M2LjcxMDY1IDEwLjcyMTMgNy4yODkzNSAxMC43MjEzIDcuODQzNzUgMTAuNTg2M1pNMTMuMTg3NSAxNi44NzVIMC44MTI1VjE0LjY3MjlDMC44MTI3MTIgMTQuMjM4MyAwLjk1NjQ5OCAxMy44MTYxIDEuMjIxNSAxMy40NzE3QzEuNDg2NDkgMTMuMTI3NCAxLjg1Nzg1IDEyLjg4MDMgMi4yNzc4MSAxMi43Njg4TDUuNjQ0MzcgMTEuODgyOUM1LjcyMDkzIDEyLjE4NDMgNS44OTU3OSAxMi40NTE3IDYuMTQxMyAxMi42NDI2QzYuMzg2ODEgMTIuODMzNiA2LjY4ODk3IDEyLjkzNzIgNyAxMi45MzcyQzcuMzExMDMgMTIuOTM3MiA3LjYxMzE5IDEyLjgzMzYgNy44NTg3IDEyLjY0MjZDOC4xMDQyMSAxMi40NTE3IDguMjc5MDcgMTIuMTg0MyA4LjM1NTYzIDExLjg4MjlMMTEuNzE5NCAxMi43Njg4QzEyLjEzOTkgMTIuODc5NyAxMi41MTE5IDEzLjEyNjUgMTIuNzc3NSAxMy40NzA5QzEzLjA0MzEgMTMuODE1NCAxMy4xODcyIDE0LjIzNzkgMTMuMTg3NSAxNC42NzI5VjE2Ljg3NVoiIGZpbGw9IiM0QkMzNzQiIHN0cm9rZT0iIzRCQzM3NCIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPHBhdGggZD0iTTYuNzE4NzUgMTMuNUg3LjI4MTI1VjE0LjA2MjVINi43MTg3NVYxMy41WiIgZmlsbD0iIzRCQzM3NCIgc3Ryb2tlPSIjNEJDMzc0IiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8cGF0aCBkPSJNNi43MTg3NSAxNC42MjVINy4yODEyNVYxNS4xODc1SDYuNzE4NzVWMTQuNjI1WiIgZmlsbD0iIzRCQzM3NCIgc3Ryb2tlPSIjNEJDMzc0IiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8cGF0aCBkPSJNNi43MTg3NSAxNS43NUg3LjI4MTI1VjE2LjMxMjVINi43MTg3NVYxNS43NVoiIGZpbGw9IiM0QkMzNzQiIHN0cm9rZT0iIzRCQzM3NCIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPHBhdGggZD0iTTUuMzEyNSAxNC4wNjI1SDMuNjI1QzMuNTUwNDEgMTQuMDYyNSAzLjQ3ODg3IDE0LjA5MjEgMy40MjYxMyAxNC4xNDQ5QzMuMzczMzggMTQuMTk3NiAzLjM0Mzc1IDE0LjI2OTIgMy4zNDM3NSAxNC4zNDM4VjE1LjQ2ODhDMy4zNDM3NCAxNS41MTUgMy4zNTUxNiAxNS41NjA2IDMuMzc3IDE1LjYwMTRDMy4zOTg4MyAxNS42NDIzIDMuNDMwNCAxNS42NzcxIDMuNDY4OTEgMTUuNzAyOEw0LjMxMjY2IDE2LjI2NTNDNC4zNTg4NyAxNi4yOTYxIDQuNDEzMTkgMTYuMzEyNSA0LjQ2ODc1IDE2LjMxMjVDNC41MjQzMSAxNi4zMTI1IDQuNTc4NjMgMTYuMjk2MSA0LjYyNDg0IDE2LjI2NTNMNS40Njg1OSAxNS43MDI4QzUuNTA3MSAxNS42NzcxIDUuNTM4NjcgMTUuNjQyMyA1LjU2MDUgMTUuNjAxNEM1LjU4MjM0IDE1LjU2MDYgNS41OTM3NiAxNS41MTUgNS41OTM3NSAxNS40Njg4VjE0LjM0MzhDNS41OTM3NSAxNC4yNjkyIDUuNTY0MTIgMTQuMTk3NiA1LjUxMTM3IDE0LjE0NDlDNS40NTg2MyAxNC4wOTIxIDUuMzg3MDkgMTQuMDYyNSA1LjMxMjUgMTQuMDYyNVpNNS4wMzEyNSAxNS4zMTgzTDQuNDY4NzUgMTUuNjkzN0wzLjkwNjI1IDE1LjMxODhWMTQuNjI1SDUuMDMxMjVWMTUuMzE4M1oiIGZpbGw9IiM0QkMzNzQiIHN0cm9rZT0iIzRCQzM3NCIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPHBhdGggZD0iTTEwLjM3NSAxNC4wNjI1SDguNjg3NUM4LjYxMjkxIDE0LjA2MjUgOC41NDEzNyAxNC4wOTIxIDguNDg4NjMgMTQuMTQ0OUM4LjQzNTg4IDE0LjE5NzYgOC40MDYyNSAxNC4yNjkyIDguNDA2MjUgMTQuMzQzOFYxNS40Njg4QzguNDA2MjQgMTUuNTE1IDguNDE3NjYgMTUuNTYwNiA4LjQzOTUgMTUuNjAxNEM4LjQ2MTMzIDE1LjY0MjMgOC40OTI5IDE1LjY3NzEgOC41MzE0MSAxNS43MDI4TDkuMzc1MTYgMTYuMjY1M0M5LjQyMTM3IDE2LjI5NjEgOS40NzU2OSAxNi4zMTI1IDkuNTMxMjUgMTYuMzEyNUM5LjU4NjgxIDE2LjMxMjUgOS42NDExMyAxNi4yOTYxIDkuNjg3MzQgMTYuMjY1M0wxMC41MzExIDE1LjcwMjhDMTAuNTY5NiAxNS42NzcxIDEwLjYwMTIgMTUuNjQyMyAxMC42MjMgMTUuNjAxNEMxMC42NDQ4IDE1LjU2MDYgMTAuNjU2MyAxNS41MTUgMTAuNjU2MiAxNS40Njg4VjE0LjM0MzhDMTAuNjU2MiAxNC4yNjkyIDEwLjYyNjYgMTQuMTk3NiAxMC41NzM5IDE0LjE0NDlDMTAuNTIxMSAxNC4wOTIxIDEwLjQ0OTYgMTQuMDYyNSAxMC4zNzUgMTQuMDYyNVpNMTAuMDkzOCAxNS4zMTgzTDkuNTMxMjUgMTUuNjkzN0w4Ljk2ODc1IDE1LjMxODhWMTQuNjI1SDEwLjA5MzhWMTUuMzE4M1oiIGZpbGw9IiM0QkMzNzQiIHN0cm9rZT0iIzRCQzM3NCIgc3Ryb2tlLXdpZHRoPSIwLjUiLz4KPHBhdGggZD0iTTguNDA2MjUgOC4xNTYyNUg3Ljg0Mzc1QzcuODQzNzUgOC4yMjYyOCA3LjU0NDUgOC40Mzc1IDcgOC40Mzc1QzYuNDU1NSA4LjQzNzUgNi4xNTYyNSA4LjIyNjI4IDYuMTU2MjUgOC4xNTYyNUg1LjU5Mzc1QzUuNTkzNzUgOC42MzcxOSA2LjE5ODE2IDkgNyA5QzcuODAxODQgOSA4LjQwNjI1IDguNjM3MTkgOC40MDYyNSA4LjE1NjI1WiIgZmlsbD0iIzRCQzM3NCIgc3Ryb2tlPSIjNEJDMzc0IiBzdHJva2Utd2lkdGg9IjAuNSIvPgo8L3N2Zz4K");
min-width: 18px;
height: 18px;
display: flex;
justify-content: center;
}
.graduates::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxOCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjQwMjEgNC4zODkyMUwxMC4yMjY4IDAuODg0MDU4QzkuNjA4MjUgMC41NzQ3OCA4LjU1NjcgMC41NzQ3OCA3LjkzODE0IDAuODg0MDU4TDAuNTk3OTM4IDQuMzg5MjFDMC4wODI0NzQyIDQuNjM2NjQgMCA0Ljk4NzE1IDAgNS4xNzI3MkMwIDUuMzU4MjggMC4wODI0NzQyIDUuNjg4MTggMC41OTc5MzggNS45NTYyMkwxLjE5NTg4IDYuMjQ0ODhWOS41NDM4NUMwLjgyNDc0MiA5LjY4ODE4IDAuNTU2NzAxIDEwLjA1OTMgMC41NTY3MDEgMTAuNDcxN0MwLjU1NjcwMSAxMC44ODQxIDAuODI0NzQyIDExLjI1NTIgMS4xNzUyNiAxMS4zOTk1TDAuMjQ3NDIzIDE0LjM0OEgyLjg0NTM2TDEuOTE3NTMgMTEuMzk5NUMyLjI4ODY2IDExLjI1NTIgMi41MzYwOCAxMC44ODQxIDIuNTM2MDggMTAuNDcxN0MyLjUzNjA4IDEwLjAzODcgMi4yNjgwNCA5LjY4ODE4IDEuODk2OTEgOS41NDM4NVY2LjU5NTRMMi45ODk2OSA3LjEzMTQ4VjExLjQyMDFDMi45ODk2OSAxMS40ODIgMy4wMTAzMSAxMS41NDM5IDMuMDUxNTUgMTEuNjA1N0MzLjE1NDY0IDExLjcyOTQgNS4wNzIxNiAxNC4zNDggOC45ODk2OSAxNC4zNDhDMTIuOTA3MiAxNC4zNDggMTQuODI0NyAxMS43MDg4IDE0LjkwNzIgMTEuNjA1N0MxNC45NDg1IDExLjU0MzkgMTQuOTY5MSAxMS40ODIgMTQuOTY5MSAxMS40MjAxVjcuMTUyMUwxNy40MDIxIDUuOTU2MjJDMTcuOTE3NSA1LjcwODggMTggNS4zNTgyOCAxOCA1LjE3MjcyQzE3Ljk3OTQgNC45ODcxNSAxNy45MTc1IDQuNjM2NjQgMTcuNDAyMSA0LjM4OTIxWk0xNC4zMDkzIDExLjMxN0MxMy45Nzk0IDExLjcyOTQgMTIuMjA2MiAxMy43MDg4IDguOTg5NjkgMTMuNzA4OEM1Ljc3MzIgMTMuNzA4OCA0IDExLjcyOTQgMy42NzAxIDExLjMxN1Y3LjQyMDE0TDcuOTM4MTQgOS40NjEzOEM4LjI0NzQyIDkuNjA1NzEgOC42NTk3OSA5LjY4ODE4IDkuMDcyMTYgOS42ODgxOEM5LjUwNTE1IDkuNjg4MTggOS45MTc1MyA5LjYwNTcxIDEwLjIyNjggOS40NDA3NkwxNC4zMDkzIDcuNDQwNzZWMTEuMzE3Wk0xNy4xMTM0IDUuMzc4OUwxNC42MzkyIDYuNTk1NEMxNC41MzYxIDYuNTk1NCAxNC40NTM2IDYuNjM2NjQgMTQuNDEyNCA2LjcxOTExTDkuOTM4MTQgOC44ODQwNkM5LjUwNTE1IDkuMTEwODYgOC42NTk3OSA5LjExMDg2IDguMjA2MTkgOC44ODQwNkwyLjcwMTAzIDYuMjQ0ODhMOS4wMzA5MyA1LjUwMjYyQzkuMjE2NDkgNS40ODIgOS4zNDAyMSA1LjMxNzA1IDkuMzE5NTkgNS4xNTIxQzkuMjk4OTcgNC45NjY1MyA5LjEzNDAyIDQuODQyODIgOC45NjkwNyA0Ljg2MzQ0TDEuNjI4ODcgNS43Mjk0MkwwLjg4NjU5OCA1LjM3ODlDMC43MDEwMzEgNS4yOTY0MyAwLjY1OTc5NCA1LjE5MzM0IDAuNjU5Nzk0IDUuMTkzMzRDMC42NTk3OTQgNS4xNzI3MiAwLjcwMTAzMSA1LjA5MDI0IDAuODg2NTk4IDUuMDA3NzdMOC4yMjY4IDEuNDgyQzguNDUzNjEgMS4zNzg5IDguNzYyODkgMS4zMTcwNSA5LjA3MjE2IDEuMzE3MDVDOS40MDIwNiAxLjMxNzA1IDkuNzMxOTYgMS4zNzg5IDkuOTM4MTQgMS40ODJMMTcuMTEzNCA0Ljk4NzE1QzE3LjI5OSA1LjA2OTYzIDE3LjM0MDIgNS4xNTIxIDE3LjM0MDIgNS4xOTMzNEMxNy4zNDAyIDUuMTkzMzQgMTcuMjc4NCA1LjI5NjQzIDE3LjExMzQgNS4zNzg5WiIgZmlsbD0iIzRCQzM3NCIvPgo8L3N2Zz4K");
min-width: 18px;
height: 18px;
display: flex;
justify-content: center;
}
.social-jobs::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjE5NjIgNi42OTg4OUMxNC4zOTc5IDYuNjk4ODkgMTUuMzcyOCA1LjcyNDcgMTUuMzcyOCA0LjUyMjk1QzE1LjM3MjggMy4zMjEyIDE0LjM5NzkgMi4zNDcwMiAxMy4xOTYyIDIuMzQ3MDIiIHN0cm9rZT0iIzRCQzM3NCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQuMTk2OCA5LjA2MzU3QzE0LjU1NTcgOS4wODgzMiAxNC45MTI1IDkuMTM5MTkgMTUuMjYzOCA5LjIxODI2QzE1Ljc1MTkgOS4zMTM4MiAxNi4zMzkgOS41MTM4OCAxNi41NDggOS45NTE4MkMxNi42ODE0IDEwLjIzMjMgMTYuNjgxNCAxMC41NTg5IDE2LjU0OCAxMC44NDAxQzE2LjMzOTcgMTEuMjc4IDE1Ljc1MTkgMTEuNDc3NCAxNS4yNjM4IDExLjU3NzgiIHN0cm9rZT0iIzRCQzM3NCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNC43MTc1MiA2LjY5ODg5QzMuNTE1NzcgNi42OTg4OSAyLjU0MDg5IDUuNzI0NyAyLjU0MDg5IDQuNTIyOTVDMi41NDA4OSAzLjMyMTIgMy41MTU3NyAyLjM0NzAyIDQuNzE3NTIgMi4zNDcwMiIgc3Ryb2tlPSIjNEJDMzc0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjcxNjg2IDkuMDYzNTdDMy4zNTc5OCA5LjA4ODMyIDMuMDAxMTcgOS4xMzkxOSAyLjY0OTg2IDkuMjE4MjZDMi4xNjE3MyA5LjMxMzgyIDEuNTc0NjEgOS41MTM4OCAxLjM2NjI5IDkuOTUxODJDMS4yMzIyMyAxMC4yMzIzIDEuMjMyMjMgMTAuNTU4OSAxLjM2NjI5IDEwLjg0MDFDMS41NzM5MiAxMS4yNzggMi4xNjE3MyAxMS40Nzc0IDIuNjQ5ODYgMTEuNTc3OCIgc3Ryb2tlPSIjNEJDMzc0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC45NTMzNyA5LjUzMjE3QzExLjM4ODUgOS41MzIxNyAxMy40Njg5IDkuOTAwNjcgMTMuNDY4OSAxMS4zNzU0QzEzLjQ2ODkgMTIuODQ5NCAxMS40MDIyIDEzLjIzMTYgOC45NTMzNyAxMy4yMzE2QzYuNTE3NTUgMTMuMjMxNiA0LjQzNzg3IDEyLjg2MzEgNC40Mzc4NyAxMS4zODg0QzQuNDM3ODcgOS45MTM3MyA2LjUwNDQ5IDkuNTMyMTcgOC45NTMzNyA5LjUzMjE3WiIgc3Ryb2tlPSIjNEJDMzc0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC45NTMzOCA3LjQyODY5QzcuMzQ3MzggNy40Mjg2OSA2LjA1OTY5IDYuMTQxIDYuMDU5NjkgNC41MzQzMUM2LjA1OTY5IDIuOTI4MzEgNy4zNDczOCAxLjY0MDYyIDguOTUzMzggMS42NDA2MkMxMC41NTk0IDEuNjQwNjIgMTEuODQ3MSAyLjkyODMxIDExLjg0NzEgNC41MzQzMUMxMS44NDcxIDYuMTQxIDEwLjU1OTQgNy40Mjg2OSA4Ljk1MzM4IDcuNDI4NjlaIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
min-width: 18px;
height: 18px;
display: flex;
justify-content: center;
}
.public-works::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjE5NjIgNi42OTg4OUMxNC4zOTc5IDYuNjk4ODkgMTUuMzcyOCA1LjcyNDcgMTUuMzcyOCA0LjUyMjk1QzE1LjM3MjggMy4zMjEyIDE0LjM5NzkgMi4zNDcwMiAxMy4xOTYyIDIuMzQ3MDIiIHN0cm9rZT0iIzRCQzM3NCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTQuMTk2OCA5LjA2MzU3QzE0LjU1NTcgOS4wODgzMiAxNC45MTI1IDkuMTM5MTkgMTUuMjYzOCA5LjIxODI2QzE1Ljc1MTkgOS4zMTM4MiAxNi4zMzkgOS41MTM4OCAxNi41NDggOS45NTE4MkMxNi42ODE0IDEwLjIzMjMgMTYuNjgxNCAxMC41NTg5IDE2LjU0OCAxMC44NDAxQzE2LjMzOTcgMTEuMjc4IDE1Ljc1MTkgMTEuNDc3NCAxNS4yNjM4IDExLjU3NzgiIHN0cm9rZT0iIzRCQzM3NCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNC43MTc1MiA2LjY5ODg5QzMuNTE1NzcgNi42OTg4OSAyLjU0MDg5IDUuNzI0NyAyLjU0MDg5IDQuNTIyOTVDMi41NDA4OSAzLjMyMTIgMy41MTU3NyAyLjM0NzAyIDQuNzE3NTIgMi4zNDcwMiIgc3Ryb2tlPSIjNEJDMzc0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zLjcxNjg2IDkuMDYzNTdDMy4zNTc5OCA5LjA4ODMyIDMuMDAxMTcgOS4xMzkxOSAyLjY0OTg2IDkuMjE4MjZDMi4xNjE3MyA5LjMxMzgyIDEuNTc0NjEgOS41MTM4OCAxLjM2NjI5IDkuOTUxODJDMS4yMzIyMyAxMC4yMzIzIDEuMjMyMjMgMTAuNTU4OSAxLjM2NjI5IDEwLjg0MDFDMS41NzM5MiAxMS4yNzggMi4xNjE3MyAxMS40Nzc0IDIuNjQ5ODYgMTEuNTc3OCIgc3Ryb2tlPSIjNEJDMzc0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC45NTMzNyA5LjUzMjE3QzExLjM4ODUgOS41MzIxNyAxMy40Njg5IDkuOTAwNjcgMTMuNDY4OSAxMS4zNzU0QzEzLjQ2ODkgMTIuODQ5NCAxMS40MDIyIDEzLjIzMTYgOC45NTMzNyAxMy4yMzE2QzYuNTE3NTUgMTMuMjMxNiA0LjQzNzg3IDEyLjg2MzEgNC40Mzc4NyAxMS4zODg0QzQuNDM3ODcgOS45MTM3MyA2LjUwNDQ5IDkuNTMyMTcgOC45NTMzNyA5LjUzMjE3WiIgc3Ryb2tlPSIjNEJDMzc0IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC45NTMzOCA3LjQyODY5QzcuMzQ3MzggNy40Mjg2OSA2LjA1OTY5IDYuMTQxIDYuMDU5NjkgNC41MzQzMUM2LjA1OTY5IDIuOTI4MzEgNy4zNDczOCAxLjY0MDYyIDguOTUzMzggMS42NDA2MkMxMC41NTk0IDEuNjQwNjIgMTEuODQ3MSAyLjkyODMxIDExLjg0NzEgNC41MzQzMUMxMS44NDcxIDYuMTQxIDEwLjU1OTQgNy40Mjg2OSA4Ljk1MzM4IDcuNDI4NjlaIiBzdHJva2U9IiM0QkMzNzQiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
min-width: 18px;
height: 18px;
display: flex;
justify-content: center;
}
.civil-service::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMTAzMDMgMTAuNjA3OEMxLjEwMzAzIDEwLjYwNzggMS4yMDk1MyAxMS45MTEzIDEuMjM0MjggMTIuMzIyM0MxLjI2NzI4IDEyLjg3MzUgMS40ODAyOCAxMy40ODkzIDEuODM1NzggMTMuOTE2OEMyLjMzNzUzIDE0LjUyMjggMi45Mjg1MyAxNC43MzY1IDMuNzE3NTMgMTQuNzM4QzQuNjQ1MjggMTQuNzM5NSAxMS4zOTE1IDE0LjczOTUgMTIuMzE5MyAxNC43MzhDMTMuMTA4MyAxNC43MzY1IDEzLjY5OTMgMTQuNTIyOCAxNC4yMDEgMTMuOTE2OEMxNC41NTY1IDEzLjQ4OTMgMTQuNzY5NSAxMi44NzM1IDE0LjgwMzMgMTIuMzIyM0MxNC44MjczIDExLjkxMTMgMTQuOTMzOCAxMC42MDc4IDE0LjkzMzggMTAuNjA3OCIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik01LjM3MTk1IDIuOTk3MTNWMi43MTg4OEM1LjM3MTk1IDEuODAzODggNi4xMTI5NSAxLjA2Mjg4IDcuMDI3OTUgMS4wNjI4OEg4Ljk2NDQ1QzkuODc4NyAxLjA2Mjg4IDEwLjYyMDQgMS44MDM4OCAxMC42MjA0IDIuNzE4ODhMMTAuNjIxMiAyLjk5NzEzIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTcuOTk2MjIgMTEuNTA4N1YxMC41MzgyIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjA2MjM4IDUuMjkxODNWNy44OTIwOEMyLjUwMDg4IDguODQwODMgNC4yMjQzOCA5LjUwNTMzIDYuMTE1ODggOS43Njg1OEM2LjM0MjM4IDguOTQyODMgNy4wODcxMyA4LjMzNzU4IDcuOTkyMzggOC4zMzc1OEM4Ljg4MzM4IDguMzM3NTggOS42NDMxMyA4Ljk0MjgzIDkuODU0NjMgOS43NzYwOEMxMS43NTM2IDkuNTEyODMgMTMuNDgzOSA4Ljg0ODMzIDE0LjkyOTkgNy44OTIwOFY1LjI5MTgzQzE0LjkyOTkgNC4wMjEzMyAxMy45MDc2IDIuOTk4MzMgMTIuNjM3MSAyLjk5ODMzSDMuMzYyNjNDMi4wOTIxMyAyLjk5ODMzIDEuMDYyMzggNC4wMjEzMyAxLjA2MjM4IDUuMjkxODNaIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
min-width: 18px;
height: 18px;
display: flex;
justify-content: center;
}
.released::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNzk2NjQgNi42OTYxOEw2LjIwMjY0IDEwLjI5MDIiIHN0cm9rZT0iI0ZGOEMxQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS43OTc4MSAxMC4yOTI0TDYuMjAwODEgNi42OTQ2MSIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuMjUwOSAxLjU2MjY1SDQuNzQ5MTJDMi40ODMzNyAxLjU2MjY1IDEuMDYyODcgMy4xNjY5IDEuMDYyODcgNS40MzcxNVYxMS41NjMyQzEuMDYyODcgMTMuODMzNCAyLjQ3NjYyIDE1LjQzNzcgNC43NDkxMiAxNS40Mzc3SDExLjI1MDFDMTMuNTIzNCAxNS40Mzc3IDE0LjkzNzkgMTMuODMzNCAxNC45Mzc5IDExLjU2MzJWNS40MzcxNUMxNC45Mzc5IDMuMTY2OSAxMy41MjM0IDEuNTYyNjUgMTEuMjUwOSAxLjU2MjY1WiIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
min-width: 18px;
height: 18px;
display: flex;
justify-content: center;
}
}
.respond {
z-index: 3;
}
&.resume {
display: flex;
flex-direction: row;
ul {
display: flex;
flex-direction: row;
align-items: center;
li + li {
margin-left: 14px;
}
.location {
color: #495057;
&::before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDcuNUMxNS43NSAxMi43NSA5IDE3LjI1IDkgMTcuMjVDOSAxNy4yNSAyLjI1IDEyLjc1IDIuMjUgNy41QzIuMjUgNS43MDk3OSAyLjk2MTE2IDMuOTkyOSA0LjIyNzAzIDIuNzI3MDNDNS40OTI5IDEuNDYxMTYgNy4yMDk3OSAwLjc1IDkgMC43NUMxMC43OTAyIDAuNzUgMTIuNTA3MSAxLjQ2MTE2IDEzLjc3MyAyLjcyNzAzQzE1LjAzODggMy45OTI5IDE1Ljc1IDUuNzA5NzkgMTUuNzUgNy41WiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkgOS43NUMxMC4yNDI2IDkuNzUgMTEuMjUgOC43NDI2NCAxMS4yNSA3LjVDMTEuMjUgNi4yNTczNiAxMC4yNDI2IDUuMjUgOSA1LjI1QzcuNzU3MzYgNS4yNSA2Ljc1IDYuMjU3MzYgNi43NSA3LjVDNi43NSA4Ljc0MjY0IDcuNzU3MzYgOS43NSA5IDkuNzVaIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
}
}
.photo {
margin-right: 12px;
img {
border-radius: 50%;
overflow: hidden;
width: 64px;
height: 64px;
}
}
.subtitle {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 15px;
color: #FF8C1C;
}
.stag {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #495057;
margin-top: 8px;
}
.text {
margin-top: 12px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 22px;
color: #ACB5BD;
}
}
&.pea {
.title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #FF8C1C;
margin-bottom: 8;
a {
color: #FF8C1C;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
.subtitle {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #212429;
margin-bottom: 12px;
}
ul {
li {
display: flex;
align-items: center;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
text-decoration: none;
color: #495057;
position: relative;
&::before {
margin-right: 8px;
width: 17px;
height: 17px;
}
a {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
text-decoration: none;
color: #495057;
margin-left: 5px;
}
&.url {
a {
color: #FF8C1C;
}
}
}
.profile::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGVsbGlwc2UgY3g9IjcuMTg1MDkiIGN5PSI0LjQ1ODU5IiByeD0iMy41ODM1MiIgcnk9IjMuNTgzNTIiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNTAwMDEgMTMuMDI2MUMxLjQ5OTA1IDEyLjc3NDIgMS41NTUzOSAxMi41MjUzIDEuNjY0NzcgMTIuMjk4NEMyLjAwODAyIDExLjYxMTkgMi45NzU5OCAxMS4yNDgxIDMuNzc5MTkgMTEuMDgzM0M0LjM1ODQ2IDEwLjk1OTcgNC45NDU3MyAxMC44NzcxIDUuNTM2NjMgMTAuODM2MkM2LjYzMDYzIDEwLjc0MDEgNy43MzA5NSAxMC43NDAxIDguODI0OTUgMTAuODM2MkM5LjQxNTggMTAuODc3NiAxMC4wMDMgMTAuOTYwMiAxMC41ODI0IDExLjA4MzNDMTEuMzg1NiAxMS4yNDgxIDEyLjM1MzYgMTEuNTc3NiAxMi42OTY4IDEyLjI5ODRDMTIuOTE2OCAxMi43NjEgMTIuOTE2OCAxMy4yOTgxIDEyLjY5NjggMTMuNzYwN0MxMi4zNTM2IDE0LjQ4MTUgMTEuMzg1NiAxNC44MTEgMTAuNTgyNCAxNC45Njg5QzEwLjAwMzggMTUuMDk3NiA5LjQxNjMyIDE1LjE4MjUgOC44MjQ5NSAxNS4yMjI5QzcuOTM0NTMgMTUuMjk4NCA3LjAzOTk0IDE1LjMxMjEgNi4xNDc2MSAxNS4yNjQxQzUuOTQxNjYgMTUuMjY0MSA1Ljc0MjU4IDE1LjI2NDEgNS41MzY2MyAxNS4yMjI5QzQuOTQ3NDcgMTUuMTgzIDQuMzYyMjQgMTUuMDk4MSAzLjc4NjA1IDE0Ljk2ODlDMi45NzU5OCAxNC44MTEgMi4wMTQ4OSAxNC40ODE1IDEuNjY0NzcgMTMuNzYwN0MxLjU1NTk1IDEzLjUzMTEgMS40OTk2NiAxMy4yODAyIDEuNTAwMDEgMTMuMDI2MVoiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.location::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY3OTY5IDYuNzkzNTVDMS42OTA0OSAzLjYxMzExIDQuMjc3NTEgMS4wNDM2MSA3LjQ1Nzk1IDEuMDU0NDJDMTAuNjM4NCAxLjA2NTIyIDEzLjIwNzkgMy42NTIyNCAxMy4xOTcxIDYuODMyNjhWNi44OTc4OUMxMy4xNTc5IDguOTY1MjkgMTIuMDAzNiAxMC44NzYyIDEwLjU4ODQgMTIuMzY5NkM5Ljc3OTAyIDEzLjIxMDEgOC44NzUxOSAxMy45NTQyIDcuODk0OTEgMTQuNTg3QzcuNjMyNzggMTQuODEzOCA3LjI0Mzk4IDE0LjgxMzggNi45ODE4NiAxNC41ODdDNS41MjA0OSAxMy42MzU4IDQuMjM3ODkgMTIuNDM0OSAzLjE5MjczIDExLjAzOTJDMi4yNjEyIDkuODIyMTEgMS43MzIzMSA4LjM0NDg3IDEuNjc5NjkgNi44MTMxMUwxLjY3OTY5IDYuNzkzNTVaIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGVsbGlwc2UgY3g9IjcuNDM3NDUiIGN5PSI2LjkwNDQzIiByeD0iMS44NDU2NSIgcnk9IjEuODQ1NjUiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
background-image: none;
}
.phone::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc0Mjc1IDIuNjU0NDZDMS45Nzk5OSAyLjI2MTY1IDMuMjg3MTIgMC44MzI4ODUgNC4yMTk5MSAwLjg3NjAxN0M0LjQ5ODc1IDAuODk5MTI0IDQuNzQ1MjMgMS4wNjc4IDQuOTQ1NSAxLjI2MzQ0QzUuNDA1MzUgMS43MTI0OCA2LjcyMTcyIDMuNDEwODIgNi43OTY0NCAzLjc2ODIxQzYuOTc4MjIgNC42NDQ3MiA1LjkzMzc1IDUuMTQ5OTkgNi4yNTM0IDYuMDMzNDNDNy4wNjgzNCA4LjAyNzU0IDguNDcyNTMgOS40MzE2NiAxMC40Njc1IDEwLjI0NThDMTEuMzUwMiAxMC41NjU0IDExLjg1NTUgOS41MjEgMTIuNzMyMSA5LjcwMzU1QzEzLjA4ODcgOS43NzgyNiAxNC43ODc5IDExLjA5NDYgMTUuMjM3IDExLjU1NDRDMTUuNDMxOSAxMS43NTM5IDE1LjYwMTMgMTIuMDAxMSAxNS42MjQ0IDEyLjI3OTlDMTUuNjU5MSAxMy4yNjIgMTQuMTQxNyAxNC41ODc1IDEzLjg0NTkgMTQuNzU3QzEzLjE0OCAxNS4yNTYxIDEyLjIzNzYgMTUuMjQ3NiAxMS4xMjc2IDE0LjczMTZDOC4wMzA0IDEzLjQ0MyAzLjA4MDY5IDguNTg2NzIgMS43NjgxNyA1LjM3MjU4QzEuMjY1OTYgNC4yNjg4NSAxLjIzMTI5IDMuMzUyMjggMS43NDI3NSAyLjY1NDQ2WiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
.url::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDQxNjMgNi43MzgwNUg0LjM0MTg3QzIuODE1NjIgNi43MzgwNSAxLjU3ODEzIDcuOTc1NTUgMS41NzgxMyA5LjUwMThMMS41NzgxMyAxMy4xNTgxQzEuNTc4MTIgMTQuNjgzNiAyLjgxNTYyIDE1LjkyMTEgNC4zNDE4NyAxNS45MjExSDEyLjY4OTRDMTQuMjE1NiAxNS45MjExIDE1LjQ1MzEgMTQuNjgzNiAxNS40NTMxIDEzLjE1ODFWOS40OTQzQzE1LjQ1MzEgNy45NzI1NSAxNC4yMTk0IDYuNzM4MDUgMTIuNjk3NiA2LjczODA1SDExLjk5MDQiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOC41MTU2MiAxLjY0MjkzVjEwLjY3MzciIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi4zMzAwOCAzLjgzOTE0TDguNTE2MzMgMS42NDMxNEwxMC43MDMzIDMuODM5MTQiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.mail::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjQ1IDUuNzk1OUw5LjI1MDg5IDguMzcxNkM4LjY0NTQ3IDguODQ2MjYgNy43OTY4IDguODQ2MjYgNy4xOTEzOSA4LjM3MTZMMy45NjQ4NCA1Ljc5NTkiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNjY1OSAxLjYyNTA2SDExLjczNjhDMTIuNzU2NCAxLjYzNjUgMTMuNzI2OCAyLjA2NzUxIDE0LjQyMiAyLjgxNzcxQzE1LjExNzIgMy41Njc5MiAxNS40NzY2IDQuNTcxODMgMTUuNDE2NSA1LjU5NTY1VjEwLjQ5MTZDMTUuNDc2NiAxMS41MTU0IDE1LjExNzIgMTIuNTE5MyAxNC40MjIgMTMuMjY5NUMxMy43MjY4IDE0LjAxOTcgMTIuNzU2NCAxNC40NTA3IDExLjczNjggMTQuNDYyMUg0LjY2NTlDMi40NzU5NyAxNC40NjIxIDEgMTIuNjgwNiAxIDEwLjQ5MTZWNS41OTU2NUMxIDMuNDA2NjUgMi40NzU5NyAxLjYyNTA2IDQuNjY1OSAxLjYyNTA2WiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
}
}
.right-content {
display: flex;
align-items: center;
span {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18px;
color: #ACB5BD;
}
}
}
.vacancy-for-all {
.h3 {
margin-bottom: 24px;
}
a {
display: block;
background: #FFFFFF;
border: 1px solid #DDE2E5;
box-sizing: border-box;
border-radius: 12px;
padding: 18px 28px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
display: flex;
align-items: center;
color: #212429;
text-decoration: none;
height: 100%;
transition: all 300ms;
span {
max-width: 130px;
}
}
.active {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #FF8C1C;
border-color: #FF8C1C;
}
.active::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDcgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljc0ODE1IDcuMTA3OTZMMS40Njc5OSAxMi4zODc5QzEuMTMyMSAxMi43MjQgMC41ODc1MjkgMTIuNzI0IDAuMjUxODEgMTIuMzg3OUMtMC4wODM5MzY2IDEyLjA1MjIgLTAuMDgzOTM2NiAxMS41MDc3IDAuMjUxODEgMTEuMTcxOUw0LjkyMzk0IDYuNDk5OTZMMC4yNTE5NDUgMS44MjgxNEMtMC4wODM4MDA4IDEuNDkyMjYgLTAuMDgzODAwOCAwLjk0Nzc2NCAwLjI1MTk0NSAwLjYxMjAxOEMwLjU4NzY5MiAwLjI3NjEzNyAxLjEzMjI0IDAuMjc2MTM3IDEuNDY4MTIgMC42MTIwMThMNi43NDgyOSA1Ljg5MjA5QzYuOTE2MTYgNi4wNjAwNCA3IDYuMjc5OTMgNyA2LjQ5OTkzQzcgNi43MjAwNCA2LjkxNiA2Ljk0MDA5IDYuNzQ4MTUgNy4xMDc5NloiIGZpbGw9IiNGRjhDMUMiLz4KPC9zdmc+Cg==");
}
a:hover {
color: #FF8C1C;
border-color: #FF8C1C;
}
a:hover::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDcgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljc0ODE1IDcuMTA3OTZMMS40Njc5OSAxMi4zODc5QzEuMTMyMSAxMi43MjQgMC41ODc1MjkgMTIuNzI0IDAuMjUxODEgMTIuMzg3OUMtMC4wODM5MzY2IDEyLjA1MjIgLTAuMDgzOTM2NiAxMS41MDc3IDAuMjUxODEgMTEuMTcxOUw0LjkyMzk0IDYuNDk5OTZMMC4yNTE5NDUgMS44MjgxNEMtMC4wODM4MDA4IDEuNDkyMjYgLTAuMDgzODAwOCAwLjk0Nzc2NCAwLjI1MTk0NSAwLjYxMjAxOEMwLjU4NzY5MiAwLjI3NjEzNyAxLjEzMjI0IDAuMjc2MTM3IDEuNDY4MTIgMC42MTIwMThMNi43NDgyOSA1Ljg5MjA5QzYuOTE2MTYgNi4wNjAwNCA3IDYuMjc5OTMgNyA2LjQ5OTkzQzcgNi43MjAwNCA2LjkxNiA2Ljk0MDA5IDYuNzQ4MTUgNy4xMDc5NloiIGZpbGw9IiNGRjhDMUMiLz4KPC9zdmc+Cg==");
}
a::after {
content: '';
width: 7px;
height: 13px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDcgMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02Ljc0ODE1IDcuNjA3OTZMMS40Njc5OSAxMi44ODc5QzEuMTMyMSAxMy4yMjQgMC41ODc1MjkgMTMuMjI0IDAuMjUxODEgMTIuODg3OUMtMC4wODM5MzY2IDEyLjU1MjIgLTAuMDgzOTM2NiAxMi4wMDc3IDAuMjUxODEgMTEuNjcxOUw0LjkyMzk0IDYuOTk5OTZMMC4yNTE5NDUgMi4zMjgxNEMtMC4wODM4MDA4IDEuOTkyMjYgLTAuMDgzODAwOCAxLjQ0Nzc2IDAuMjUxOTQ1IDEuMTEyMDJDMC41ODc2OTIgMC43NzYxMzcgMS4xMzIyNCAwLjc3NjEzNyAxLjQ2ODEyIDEuMTEyMDJMNi43NDgyOSA2LjM5MjA5QzYuOTE2MTYgNi41NjAwNCA3IDYuNzc5OTMgNyA2Ljk5OTkzQzcgNy4yMjAwNCA2LjkxNiA3LjQ0MDA5IDYuNzQ4MTUgNy42MDc5NloiIGZpbGw9IiMyMTI0MjkiLz4KPC9zdmc+Cg==");
background-position: center;
background-repeat: no-repeat;
margin-left: auto;
transition: all 300ms;
}
}
.how-it-work {
.text {
margin-top: 11px;
.title {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 22px;
text-align: center;
a {
color: #212429;
text-decoration: none;
}
}
.desc {
margin-top: 11px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
text-align: center;
}
}
}
.job-overview {
position: relative;
padding: 44px 0;
color: #FFFFFF;
min-height: 500px;
.bg1 {
position: absolute;
background-image: url('../img/hero/hero_02.webp');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
color: #FFFFFF;
z-index: -1;
top: 0;
left: 0;
width: 100%;
bottom: 0;
}
.bg2 {
position: absolute;
background-image: url('../img/hero/hero_03.webp');
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
color: #FFFFFF;
z-index: -1;
top: 0;
left: 0;
width: 100%;
bottom: 0;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #FFFFFF;
}
.nav-tabs .nav-link {
color: #ACB5BD;
}
}
.top-companies {
.head {
display: flex;
align-items: center;
margin-bottom: 16px;
h3 {
margin-right: auto;
margin-bottom: 0;
}
}
ul {
li {
height: 100%;
a {
display: block;
box-sizing: border-box;
text-align: center;
border: 1px solid #DDE2E5;
border-radius: 12px;
margin-top: 12px;
margin-bottom: 12px;
padding: 40px;
transition: all 400ms;
span {
background-repeat: no-repeat;
background-position: center;
background-size: auto;
width: 100%;
height: 100px;
display: block;
mix-blend-mode: luminosity;
}
img {
mix-blend-mode: luminosity;
}
&:hover {
border-color: #FF8C1C;
span, img {
mix-blend-mode: normal;
}
}
}
}
}
}
.contact-czn {
position: relative;
margin-bottom: -100px;
select {
background-color: #F5F5F6;
border-radius: 8px;
border-width: 0;
height: 48px;
}
select:focus {
outline: none;
box-shadow: none;
}
.h4 {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 22px;
color: #495057;
margin-bottom: 25px;
}
.wrapper {
padding: 26px;
background: #FFFFFF;
box-shadow: 0px 36px 44px rgba(0, 0, 0, 0.12);
border-radius: 10px;
}
& + .footer {
margin-top: -50px;
padding-top: 30px;
}
}
.footer {
background-color: rgba(255, 170, 89, 0.22);
.footer-top {
padding: 90px 0;
.h3 {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 38px;
line-height: 46px;
color: #212429;
}
p {
max-width: 380px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #495057;
}
button {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
text-align: center;
color: #FFFFFF;
padding: 17px 55px;
}
}
.footer-middle {
.brand {
.logo {
max-width: 121px;
margin-bottom: 15px;
}
p {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 203.4%;
color: #212429;
margin-bottom: 10px;
}
}
ul {
margin-bottom: 0;
}
.h5 {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 12px;
line-height: 203.4%;
letter-spacing: 0.17em;
text-transform: uppercase;
color: #000000;
}
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #495057;
text-decoration: none;
&:hover {
color: #FF8C1C;
}
}
.call-center {
text-align: right;
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 42px;
line-height: 51px;
color: #FF8C1C;
}
}
}
.footer-bottom {
border-top: 1px solid rgba(255, 170, 89, 0.22);
margin-top: 28px;
padding-top: 28px;
padding-bottom: 28px;
ul {
display: flex;
align-self: center;
}
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #495057;
text-decoration: none;
&.special,
&:hover {
color: #FF8C1C;
text-decoration: underline;
}
&.language {
margin-left: 20px;
}
&.special,
&.language {
display: flex;
align-items: center;
}
&.special::before {
content: '';
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS4zNzEyIDkuMDM5OTZDMTEuMzcxMiAxMC4zNDk1IDEwLjMwOTIgMTEuNDEwNyA4Ljk5OTY2IDExLjQxMDdDNy42OTAxNiAxMS40MTA3IDYuNjI4OTEgMTAuMzQ5NSA2LjYyODkxIDkuMDM5OTZDNi42Mjg5MSA3LjcyOTcxIDcuNjkwMTYgNi42Njg0NiA4Ljk5OTY2IDYuNjY4NDZDMTAuMzA5MiA2LjY2ODQ2IDExLjM3MTIgNy43Mjk3MSAxMS4zNzEyIDkuMDM5OTZaIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04Ljk5ODUgMTQuNTE2MkMxMS44NTQ1IDE0LjUxNjIgMTQuNDY2OCAxMi40NjI3IDE1LjkzNzUgOS4wMzk3M0MxNC40NjY4IDUuNjE2NzMgMTEuODU0NSAzLjU2MzIzIDguOTk4NSAzLjU2MzIzSDkuMDAxNUM2LjE0NTUgMy41NjMyMyAzLjUzMzI1IDUuNjE2NzMgMi4wNjI1IDkuMDM5NzNDMy41MzMyNSAxMi40NjI3IDYuMTQ1NSAxNC41MTYyIDkuMDAxNSAxNC41MTYySDguOTk4NVoiIHN0cm9rZT0iI0ZGOEMxQyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
background-repeat: no-repeat;
background-position: center;
margin-right: 7px;
}
&.language::after {
content: '';
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE5NTI0IDYuNDE2NjVINC4wOTI2NkM0LjE0MjgzIDQuODIyNCA0LjM5OTQ5IDMuMzY5OSA0LjgwMTk5IDIuMjYzMzJDNC45MDUyNCAxLjk3OTgyIDUuMDIwMTYgMS43MTIwNyA1LjE0NzkxIDEuNDY3MDdDMy4wMTExNiAyLjE4MTY1IDEuNDI1NjYgNC4wOTk2NSAxLjE5NTI0IDYuNDE2NjVaTTcgMEMzLjEzNDI1IDAgMCAzLjEzNDI1IDAgN0MwIDEwLjg2NTggMy4xMzQyNSAxNCA3IDE0QzEwLjg2NTggMTQgMTQgMTAuODY1OCAxNCA3QzE0IDMuMTM0MjUgMTAuODY1OCAwIDcgMFpNNyAxLjE2NjY3QzYuOTExOTIgMS4xNjY2NyA2Ljc1MjY3IDEuMjEzOTIgNi41MzM5MiAxLjQ2NzY3QzYuMzE3NSAxLjcxOTY3IDYuMDk1ODQgMi4xMTg2NyA1Ljg5ODA5IDIuNjYxNzVDNS41NDk4NCAzLjYyMDc1IDUuMzEwMDkgNC45MzI2NyA1LjI1OTkyIDYuNDE2NjdIOC43NDAwOUM4LjY4OTkyIDQuOTMyNjcgOC40NTAxNyAzLjYyMDc1IDguMTAxOTIgMi42NjE3NUM3LjkwNDE3IDIuMTE4NjcgNy42ODI1IDEuNzE5NjcgNy40NjYwOSAxLjQ2NzY3QzcuMjQ3MzQgMS4yMTM5MiA3LjA4ODA5IDEuMTY2NjcgNyAxLjE2NjY3Wk05LjkwNzMxIDYuNDE2NjVDOS44NTY1NiA0LjgyMjQgOS42MDA0OCAzLjM2OTkgOS4xOTc5OCAyLjI2MzMyQzkuMDk0NzMgMS45Nzk4MiA4Ljk3OTgxIDEuNzEyMDcgOC44NTIwNiAxLjQ2NzA3QzEwLjk4ODggMi4xODE2NSAxMi41NzQzIDQuMDk5NjUgMTIuODA0NyA2LjQxNjY1SDkuOTA3MzFaTTguNzQwMDkgNy41ODMzM0g1LjI1OTkyQzUuMzEwMDkgOS4wNjczMyA1LjU0OTg0IDEwLjM3OTMgNS44OTgwOSAxMS4zMzgzQzYuMDk1ODQgMTEuODgxMyA2LjMxNzUgMTIuMjgwMyA2LjUzMzkyIDEyLjUzMjNDNi43NTI2NyAxMi43ODYxIDYuOTExOTIgMTIuODMzMyA3IDEyLjgzMzNDNy4wODgwOSAxMi44MzMzIDcuMjQ3MzQgMTIuNzg2MSA3LjQ2NjA5IDEyLjUzMjNDNy42ODI1IDEyLjI4MDMgNy45MDQxNyAxMS44ODEzIDguMTAxOTIgMTEuMzM4M0M4LjQ1MDE3IDEwLjM3OTMgOC42ODk5MiA5LjA2NzMzIDguNzQwMDkgNy41ODMzM1pNOC44NTIwNiAxMi41MzI5QzguOTc5ODEgMTIuMjg3OSA5LjA5NDczIDEyLjAyMDIgOS4xOTc5OCAxMS43MzY3QzkuNjAwNDggMTAuNjMwMSA5Ljg1NjU2IDkuMTc3NTggOS45MDczMSA3LjU4MzMzSDEyLjgwNDdDMTIuNTc0MyA5LjkwMDMzIDEwLjk4ODggMTEuODE4MyA4Ljg1MjA2IDEyLjUzMjlaTTUuMTQ3OTEgMTIuNTMyOUM1LjAyMDE2IDEyLjI4NzkgNC45MDUyNCAxMi4wMjAyIDQuODAxOTkgMTEuNzM2N0M0LjM5OTQ5IDEwLjYzMDEgNC4xNDI4MyA5LjE3NzU4IDQuMDkyNjYgNy41ODMzM0gxLjE5NTI0QzEuNDI1NjYgOS45MDAzMyAzLjAxMTE2IDExLjgxODMgNS4xNDc5MSAxMi41MzI5WiIgZmlsbD0iIzQ5NTA1NyIvPgo8L3N2Zz4K");
background-repeat: no-repeat;
background-position: center;
margin-left: 7px;
}
}
}
}
.icon00, .icon01, .icon02, .icon03, .icon04, .icon05, .icon06, .icon09, .icon10, .icon11, .icon12 {
position: relative;
padding-left: 54px;
}
.icon00::before, .icon01::before, .icon02::before, .icon03::before, .icon04::before, .icon05::before, .icon06::before, .icon07::before, .icon08::before, .icon09::before, .icon10::before, .icon11::before, .icon12::before {
content: '';
width: 46px;
height: 46px;
background-image: url('../img/icons/icon_01.svg');
background-position: center;
background-repeat: no-repeat;
display: block;
position: absolute;
left: 0;
top: 0;
}
.icon00::before {
background-image: url('../img/icons/icon_00.png');
}
.icon02::before {
background-image: url('../img/icons/icon_02.svg');
}
.icon03::before {
background-image: url('../img/icons/icon_03.svg');
}
.icon04::before {
background-image: url('../img/icons/icon_04.svg');
}
.icon05::before {
background-image: url('../img/icons/icon_05.svg');
}
.icon06::before {
background-image: url('../img/icons/icon_06.svg');
}
.icon07::before {
background-image: url('../img/icons/icon_07.svg');
}
.icon08::before {
background-image: url('../img/icons/icon_08.svg');
}
.icon09::before {
background-image: url('../img/icons/icon_09.svg');
}
.icon10::before {
background-image: url('../img/icons/icon_10.png');
}
.icon11::before {
background-image: url('../img/icons/icon_11.png');
}
.icon12::before {
background-image: url('../img/icons/icon_12.svg');
}
.searchbar-row {
display: flex;
flex-wrap: wrap;
width: 100%;
& > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: 4px;
padding-left: 4px;
}
.searchbar-col-0 {
flex: 0 0 auto;
width: 84.3333333334%;
}
.searchbar-col-1 {
flex: 0 0 auto;
width: 64.6666666667%;
}
.searchbar-col-2 {
flex: 0 0 auto;
width: 19.6666666667%;
}
.searchbar-col-3 {
flex: 0 0 auto;
width: 15.6666666667%;
}
}
.page {
.header {
position: relative;
background-color: #F5F5F6;
min-height: 134px;
&.with-searchbar {
margin-bottom: 64px;
}
.navbar {
.navbar-nav {
.nav-item {
.nav-link {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #000000;
}
.nav-link:hover {
color: #FF8C1C;
}
.nav-link:active {
color: #FF8C1C;
}
}
.nav-item + .nav-item .nav-link {
padding-left: 15px;
padding-right: 15px;
}
}
.navbar-nav-right {
li + li {
margin-left: 8px;
}
.button-primary {
border: 1px solid #FF8C1C;
&:hover {
border-color: #E07207;
}
}
.button-primary-outline {
border-color: #212429;
color: #212429 !important;
padding: 12px 18px;
}
.special {
text-indent: -9999px;
overflow: hidden;
position: relative;
}
.special::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNiAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4zNzEyIDcuMDM5ODNDMTAuMzcxMiA4LjM0OTMzIDkuMzA5MTYgOS40MTA1OCA3Ljk5OTY2IDkuNDEwNThDNi42OTAxNiA5LjQxMDU4IDUuNjI4OTEgOC4zNDkzMyA1LjYyODkxIDcuMDM5ODNDNS42Mjg5MSA1LjcyOTU4IDYuNjkwMTYgNC42NjgzMyA3Ljk5OTY2IDQuNjY4MzNDOS4zMDkxNiA0LjY2ODMzIDEwLjM3MTIgNS43Mjk1OCAxMC4zNzEyIDcuMDM5ODNaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy45OTg1IDEyLjUxNjJDMTAuODU0NSAxMi41MTYyIDEzLjQ2NjggMTAuNDYyNyAxNC45Mzc1IDcuMDM5NjdDMTMuNDY2OCAzLjYxNjY3IDEwLjg1NDUgMS41NjMxOCA3Ljk5ODUgMS41NjMxOEg4LjAwMTVDNS4xNDU1IDEuNTYzMTggMi41MzMyNSAzLjYxNjY3IDEuMDYyNSA3LjAzOTY3QzIuNTMzMjUgMTAuNDYyNyA1LjE0NTUgMTIuNTE2MiA4LjAwMTUgMTIuNTE2Mkg3Ljk5ODVaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
width: 16px;
height: 14px;
}
.location,
.arrow {
display: flex;
align-items: center;
}
.location::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE3OTIgNi43OTM0OUMxLjE5IDMuNjEzMDUgMy43NzcwMiAxLjA0MzU1IDYuOTU3NDYgMS4wNTQzNkMxMC4xMzc5IDEuMDY1MTYgMTIuNzA3NCAzLjY1MjE4IDEyLjY5NjYgNi44MzI2MlY2Ljg5NzgzQzEyLjY1NzUgOC45NjUyMiAxMS41MDMxIDEwLjg3NjEgMTAuMDg3OSAxMi4zNjk2QzkuMjc4NTMgMTMuMjEgOC4zNzQ3IDEzLjk1NDEgNy4zOTQ0MiAxNC41ODdDNy4xMzIzIDE0LjgxMzcgNi43NDM0OSAxNC44MTM3IDYuNDgxMzcgMTQuNTg3QzUuMDIgMTMuNjM1OCAzLjczNzQgMTIuNDM0OSAyLjY5MjI0IDExLjAzOTFDMS43NjA3MSA5LjgyMjA1IDEuMjMxODIgOC4zNDQ4MSAxLjE3OTIgNi44MTMwNUwxLjE3OTIgNi43OTM0OVoiIHN0cm9rZT0iIzIxMjQyOSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8ZWxsaXBzZSBjeD0iNi45Mzc5NCIgY3k9IjYuOTA0MzciIHJ4PSIxLjg0NTY1IiByeT0iMS44NDU2NSIgc3Ryb2tlPSIjMjEyNDI5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
margin-right: 11px;
}
.arrow::after {
content: "";
margin-left: 8px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy42MDM5NiA1LjExNjA4TDAuMTY0MTkzIDEuNjc2MkMtMC4wNTQ3MzA0IDEuNDU3MzggLTAuMDU0NzMwNCAxLjEwMjYxIDAuMTY0MTkzIDAuODgzODk1QzAuMzgyOTIyIDAuNjY1MTY2IDAuNzM3Njc5IDAuNjY1MTY2IDAuOTU2MzkgMC44ODM4OTVMNC4wMDAwNiAzLjkyNzY2TDcuMDQzNjIgMC44ODM5ODRDNy4yNjI0NCAwLjY2NTI1NSA3LjYxNzE2IDAuNjY1MjU1IDcuODM1ODkgMC44ODM5ODRDOC4wNTQ3IDEuMTAyNzEgOC4wNTQ3IDEuNDU3NDcgNy44MzU4OSAxLjY3NjI5TDQuMzk2MDcgNS4xMTYxN0M0LjI4NjY1IDUuMjI1NTMgNC4xNDM0IDUuMjgwMTUgNC4wMDAwOCA1LjI4MDE1QzMuODU2NjggNS4yODAxNSAzLjcxMzMyIDUuMjI1NDMgMy42MDM5NiA1LjExNjA4WiIgZmlsbD0iIzIxMjQyOSIvPgo8L3N2Zz4K");
background-repeat: no-repeat;
width: 8px;
height: 6px;
}
}
}
.navbar-brand {
width: 121px;
}
.container ~ .searchbar {
margin-bottom: 74px;
}
}
.searchbar {
position: absolute;
width: 100%;
top: 94px;
.wrapper {
background-color: #FFFFFF;
display: flex;
padding: 12px;
box-shadow: 0px 16px 44px rgba(0, 0, 0, 0.12);
border-radius: 10px;
color: #212429;
.custom-select {
.select-selected {
min-width: 160px;
}
}
select {
padding: 14px 41px 14px 24px;
background-color: #F5F5F6;
border-color: #F5F5F6;
border-radius: 8px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212429;
}
select:focus {
outline: none;
box-shadow: none;
}
input {
border-width: 0;
background: #F5F5F6;
border-radius: 8px;
padding: 14px 16px;
margin-right: 8px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212429;
}
input::placeholder {
color: #212429;
}
}
}
.filter {
.button-transparent {
font-family: Montserrat, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 15px;
color: #000000;
text-transform: uppercase;
&.active {
color: #FF8C1C;
svg > * {
stroke: #FF8C1C;
}
}
}
.with-icon {
display: flex;
align-items: center;
svg {
margin-right: 8px;
}
}
}
&.employment-support {
.hero {
position: relative;
background-color: #FFFFFF;
min-height: 490px;
display: flex;
margin-bottom: 45px;
&::before {
content: '';
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-image: url('../img/hero/hero_13.svg');
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.hero-content {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 100%;
h1 {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 42px;
line-height: 44px;
text-align: center;
color: #495057;
max-width: 660px;
}
.subtitle {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #495057;
margin-bottom: 20px;
}
}
}
.header {
padding-top: 5px;
}
.content {
margin: 10px 0 41px 0;
}
.how-it-work {
.item:not(:last-child) {
.icon {
position: relative;
&::after {
content: '';
width: 0;
height: 0;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 16px solid #ececec;
position: absolute;
top: 50%;
right: -10px;
transform: translateY(-50%);
}
}
}
}
.what-measures {
margin-bottom: 60px;
.container {
background-image: url("../img/employment-support/hero_01.webp");
background-position: right center;
background-repeat: no-repeat;
background-size: auto;
}
h2 {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 44px;
color: #495057;
margin-bottom: 20px;
}
.h3 {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 27px;
color: #495057;
margin-bottom: 8px;
}
p {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #495057;
margin-bottom: 16px;
}
}
.why-not {
background: #F5F5F6;
border: 1px solid #FF8C1C;
box-sizing: border-box;
box-shadow: 0px 54px 54px rgba(0, 0, 0, 0.08), 0px 16.2794px 16.2794px rgba(0, 0, 0, 0.0521271), 0px 6.76164px 6.76164px rgba(0, 0, 0, 0.04), 0px 2.44555px 2.44555px rgba(0, 0, 0, 0.0278729);
border-radius: 12px;
background-image: url("../img/employment-support/icon_01.webp");
background-repeat: no-repeat;
background-size: auto;
background-position: right 45px center;
padding: 45px;
.h4 {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 40px;
color: #495057;
}
ul {
margin-bottom: 0;
li {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 36px;
color: #495057;
}
}
}
.steps {
margin-top: 50px;
.h2 {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 44px;
text-align: center;
color: #495057;
max-width: 660px;
margin: 0 auto 15px;
}
.h4 {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 1.2;
text-align: center;
color: #FF8C1C;
&.lh24 {
line-height: 24px;
text-align: start;
color: #495057;
}
}
.step-list {
.item {
border: 1px solid #FF8C1C;
box-sizing: border-box;
border-radius: 12px;
padding: 30px 174px 30px 30px;
position: relative;
&.wicon {
padding: 30px;
}
p {
font-size: 16px;
}
.step {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 1;
color: #FF8C1C;
width: 84px;
height: 84px;
display: flex;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
span {
position: absolute;
left: 0;
bottom: 0;
width: 42px;
height: 42px;
text-align: center;
line-height: 42px;
}
&::before {
content: '';
background-image: url("../img/employment-support/icon_02.webp");
background-position: top right;
background-repeat: no-repeat;
background-size: auto;
position: absolute;
width: 84px;
height: 84px;
}
}
.title {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 44px;
color: #495057;
margin-bottom: 8px;
}
& + .item {
margin-top: 8px;
}
ul {
padding-left: 1rem;
li {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #495057;
}
}
small.text-danger {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 22px;
color: #EE3F3F;
}
}
}
}
}
&.auth {
background-color: #495057;
background-image: url("../img/auth/login.webp");
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
height: 100vh;
display: flex;
flex-direction: column;
&.register {
background-image: url("../img/auth/register_form.webp");
}
&.lostpassword {
background-image: url("../img/auth/register_success.webp");
}
.header {
position: relative;
min-height: auto;
display: flex;
align-items: center;
padding-top: 35px;
background-color: transparent;
.login-link,
.reg-link {
text-decoration: none;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #FFFFFF;
display: flex;
align-items: center;
&:hover {
text-decoration: underline;
}
&:not(.login-link)::after {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4yNSAxNC4zMzQxVjUuNjY1MTJDMTkuMjUgMi42NDUxMiAxNy4xMTEgMC43NTAxMjIgMTQuMDg0IDAuNzUwMTIySDUuOTE2QzIuODg5IDAuNzUwMTIyIDAuNzUgMi42MzUxMiAwLjc1IDUuNjY1MTJMMC43NSAxNC4zMzQxQzAuNzUgMTcuMzY0MSAyLjg4OSAxOS4yNTAxIDUuOTE2IDE5LjI1MDFIMTQuMDg0QzE3LjExMSAxOS4yNTAxIDE5LjI1IDE3LjM2NDEgMTkuMjUgMTQuMzM0MVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE0LjA4NiAxMC4wMDAxSDUuOTE0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMC4zMjIzIDYuMjUyMTdMMTQuMDg2MyAxMC4wMDAyTDEwLjMyMjMgMTMuNzQ4MiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
margin-left: 15px;
}
&:not(.reg-link)::after {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAxOSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjgxMjUgMTAuMDIxN0gwLjc3MTQ4NCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS44ODQ3NyA3LjEwNTcxTDEyLjgxMjggMTAuMDIxN0w5Ljg4NDc3IDEyLjkzNzciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUuNTA0MzkgNS4zODg5N1Y0LjQ1NTk3QzUuNTA0MzkgMi40MjA5NyA3LjE1MzM5IDAuNzcxOTczIDkuMTg5MzkgMC43NzE5NzNIMTQuMDczNEMxNi4xMDM0IDAuNzcxOTczIDE3Ljc0ODQgMi40MTY5NyAxNy43NDg0IDQuNDQ2OTdWMTUuNTg3QzE3Ljc0ODQgMTcuNjIyIDE2LjA5ODQgMTkuMjcyIDE0LjA2MzQgMTkuMjcySDkuMTc4MzlDNy4xNDkzOSAxOS4yNzIgNS41MDQzOSAxNy42MjYgNS41MDQzOSAxNS41OTdWMTQuNjU1IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
margin-left: 15px;
}
}
}
.content {
justify-content: center;
flex: 1 0 auto;
.container {
min-height: 100%;
display: flex;
align-items: center;
color: #FFFFFF;
}
}
.text-side {
margin-right: auto;
.subtitle {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
}
h1 {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 61px;
color: #FFFFFF;
}
.counterbar {
margin: 44px 0;
ul {
display: flex;
align-items: center;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
li {
flex: 1 0 0%;
strong {
font-family: 'Montserrat Alternates', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 29px;
color: #FFFFFF;
display: block;
}
span {
font-family: 'Montserrat Alternates', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
}
}
}
}
}
.form-side {
padding: 24px 32px;
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
border-radius: 8px;
min-width: 414px;
max-width: 414px;
color: #495057;
.h4 {
color: #FF8C1C;
}
.lostpassword {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 17px;
color: #ACB5BD;
text-decoration: none;
&:hover {
color: #212429;
}
}
.form-select,
.form-control {
padding: 12px 24px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #495057;
min-height: 56px;
border: 1px solid #ACB5BD;
border-radius: 8px;
&:focus, &:active {
outline: none;
box-shadow: none;
}
}
.social-btn {
display: flex;
flex-direction: row;
ul {
margin: 0;
padding: 0;
width: 50%;
&:first-child {
margin-right: 12px;
}
li {
list-style: none;
margin-bottom: 13px;
a {
display: block;
padding: 16px 8px;
background: #DDE2E5;
border-radius: 8px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #212429;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
&.icon-fb::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwIDE1QzMwIDYuNzE0ODggMjMuMjg1MSAwIDE1IDBDNi43MTQ4OCAwIDAgNi43MTQ4OCAwIDE1QzAgMjIuNDg4MyA1LjQ4NDM4IDI4LjY5MzQgMTIuNjU2MiAyOS44MTg0VjE5LjMzNTlIOC44NDc2M1YxNUgxMi42NTYyVjExLjY5NTNDMTIuNjU2MiA3LjkzNjUgMTQuODk0NiA1Ljg1OTM4IDE4LjMyMjMgNS44NTkzOEMxOS45NjI5IDUuODU5MzggMjEuNjc5NyA2LjE1MjM0IDIxLjY3OTcgNi4xNTIzNFY5Ljg0Mzc1SDE5Ljc4NzFDMTcuOTIzOCA5Ljg0Mzc1IDE3LjM0MzggMTEuMDAxIDE3LjM0MzggMTIuMTg3NVYxNUgyMS41MDM5TDIwLjgzODkgMTkuMzM1OUgxNy4zNDM4VjI5LjgxODRDMjQuNTE1NiAyOC42OTM0IDMwIDIyLjQ4ODMgMzAgMTVaIiBmaWxsPSIjMTg3N0YyIi8+CjxwYXRoIGQ9Ik0yMC44Mzg5IDE5LjMzNTlMMjEuNTAzOSAxNUgxNy4zNDM4VjEyLjE4NzVDMTcuMzQzOCAxMS4wMDEgMTcuOTIzOCA5Ljg0Mzc1IDE5Ljc4NzEgOS44NDM3NUgyMS42Nzk3VjYuMTUyMzRDMjEuNjc5NyA2LjE1MjM0IDE5Ljk2MjkgNS44NTkzOCAxOC4zMjIzIDUuODU5MzhDMTQuODk0NiA1Ljg1OTM4IDEyLjY1NjMgNy45MzY1IDEyLjY1NjMgMTEuNjk1M1YxNUg4Ljg0NzYzVjE5LjMzNTlIMTIuNjU2M1YyOS44MTg0QzEzLjQyMDkgMjkuOTM4NSAxNC4yMDMxIDMwIDE1IDMwQzE1Ljc5NjkgMzAgMTYuNTc5MSAyOS45Mzg1IDE3LjM0MzggMjkuODE4NFYxOS4zMzU5SDIwLjgzODlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
margin-right: 12px;
}
&.icon-mail::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAxNUMwLjUgNi43MTU3MyA3LjIxNTczIDAgMTUuNSAwQzIzLjc4NDMgMCAzMC41IDYuNzE1NzMgMzAuNSAxNUMzMC41IDIzLjI4NDMgMjMuNzg0MyAzMCAxNS41IDMwQzcuMjE1NzMgMzAgMC41IDIzLjI4NDMgMC41IDE1WiIgZmlsbD0iIzAwNUZGOSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNzUgMTQuOTc1MkM2Ljc1IDEwLjE2NDEgMTAuNjc1MiA2LjI1IDE1LjQ5OTkgNi4yNUMyMC4zMjQ2IDYuMjUgMjQuMjQ5OCAxMC4xNjQxIDI0LjI0OTggMTQuOTc1MkMyNC4yNDk4IDE1LjY1NjcgMjQuMTkyOSAxNi4yMDg1IDI0LjA2NTUgMTYuNzYyM0wyNC4wNjM2IDE2Ljc3MTVDMjQuMDYzMyAxNi43NzMxIDI0LjAwMDEgMTcuMDI4NCAyMy45NjUxIDE3LjEzOThDMjMuNzQ4OSAxNy44Mjk1IDIzLjM1NzQgMTguNDAzOSAyMi44MzI4IDE4LjgwMDlDMjIuMzI0MSAxOS4xODYxIDIxLjY5MzQgMTkuMzk4MiAyMS4wNTY5IDE5LjM5ODJDMjAuOTc4MyAxOS4zOTgyIDIwLjg5OTEgMTkuMzk1IDIwLjgyMTUgMTkuMzg4OEMxOS45MTc2IDE5LjMxNjQgMTkuMTIyOCAxOC44NDIxIDE4LjYzNTUgMTguMDg1OEMxNy43OTczIDE4LjkyNjIgMTYuNjg1MiAxOS4zODg2IDE1LjQ5OTkgMTkuMzg4NkMxMy4wNTk1IDE5LjM4ODYgMTEuMDc0IDE3LjQwODggMTEuMDc0IDE0Ljk3NTJDMTEuMDc0IDEyLjU0MTYgMTMuMDU5NSAxMC41NjE4IDE1LjQ5OTkgMTAuNTYxOEMxNy45NDAzIDEwLjU2MTggMTkuOTI1NyAxMi41NDE2IDE5LjkyNTcgMTQuOTc1MlYxNi4zOTc5QzE5LjkyOTQgMTcuMjI4IDIwLjQ4OCAxNy41NjczIDIwLjk2NTMgMTcuNjA1N0MyMS40NDAxIDE3LjY0MjIgMjIuMDcyIDE3LjM2NjQgMjIuMjkyMSAxNi40NjYzQzIyLjQwMDcgMTUuOTcyNiAyMi40NTU5IDE1LjQ3MDggMjIuNDU1OSAxNC45NzUyQzIyLjQ1NTkgMTEuMTUwNCAxOS4zMzU0IDguMDM4ODMgMTUuNDk5OSA4LjAzODgzQzExLjY2NDMgOC4wMzg4MyA4LjU0Mzk0IDExLjE1MDQgOC41NDM5NCAxNC45NzUyQzguNTQzOTQgMTguNzk5OSAxMS42NjQzIDIxLjkxMTYgMTUuNDk5OSAyMS45MTE2QzE2LjgzNSAyMS45MTE2IDE4LjEzMzUgMjEuNTMxMyAxOS4yNTUgMjAuODExOUwxOS4yNzUgMjAuNzk5TDIwLjQ1MzggMjIuMTY1NkwyMC40Mjg1IDIyLjE4MjlDMTguOTcxOCAyMy4xNzU3IDE3LjI2NzUgMjMuNzAwNSAxNS40OTk5IDIzLjcwMDVDMTAuNjc1MiAyMy43MDA1IDYuNzUgMTkuNzg2MyA2Ljc1IDE0Ljk3NTJaTTE1LjQ5OTkgMTcuNTk5OEMxNi45NTExIDE3LjU5OTggMTguMTMxOCAxNi40MjI0IDE4LjEzMTggMTQuOTc1MkMxOC4xMzE4IDEzLjUyOCAxNi45NTExIDEyLjM1MDcgMTUuNDk5OSAxMi4zNTA3QzE0LjA0ODYgMTIuMzUwNyAxMi44NjggMTMuNTI4IDEyLjg2OCAxNC45NzUyQzEyLjg2OCAxNi40MjI0IDE0LjA0ODYgMTcuNTk5OCAxNS40OTk5IDE3LjU5OThaIiBmaWxsPSIjRkY5RTAwIi8+Cjwvc3ZnPgo=");
margin-right: 12px;
}
&.icon-vk::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC4zOTUyIDBIMTkuNjA0OEMyOC4wMDk5IDAgMzAgMS45OTAxMiAzMCAxMC4zOTUyVjE5LjYwNDhDMzAgMjguMDA5OSAyOC4wMDk5IDMwIDE5LjYwNDggMzBIMTAuMzk1MkMxLjk5MDEyIDMwIDAgMjguMDA5OSAwIDE5LjYwNDhWMTAuMzk1MkMwIDEuOTkwMTIgMS45OTAxMiAwIDEwLjM5NTIgMFoiIGZpbGw9IiM0NjgwQzIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC41MjAxIDkuNTc1NjlDMjQuNjY4MyA5LjEwOTk0IDI0LjUyMDEgOC43NzExOSAyMy44NjM4IDguNzcxMTlIMjEuNjgzMUMyMS4xMzI3IDguNzcxMTkgMjAuODc4NiA5LjA2NzU2IDIwLjczMDQgOS4zODUxOUMyMC43MzA0IDkuMzg1MTkgMTkuNjA4MyAxMi4wOTUxIDE4LjA0MTYgMTMuODUyM0MxNy41MzM1IDE0LjM2MDQgMTcuMzAwNiAxNC41Mjk4IDE3LjAyNTQgMTQuNTI5OEMxNi44NzcyIDE0LjUyOTggMTYuNjg2NyAxNC4zNjA0IDE2LjY4NjcgMTMuODk0N1Y5LjU1NDVDMTYuNjg2NyA5LjAwNDA2IDE2LjUxNzMgOC43NSAxNi4wNTE1IDguNzVIMTIuNjIxN0MxMi4yODMgOC43NSAxMi4wNzEzIDkuMDA0MDYgMTIuMDcxMyA5LjI1ODEzQzEyLjA3MTMgOS43ODc0NCAxMi44NTQ2IDkuOTE0NDQgMTIuOTM5MyAxMS4zOTY0VjE0LjYxNDVDMTIuOTM5MyAxNS4zMTMyIDEyLjgxMjMgMTUuNDQwMiAxMi41MzcxIDE1LjQ0MDJDMTEuNzk2MSAxNS40NDAyIDkuOTk2NDkgMTIuNzA5MSA4LjkxNjc0IDkuNTk2ODhDOC43MDQ5OSA4Ljk4Mjg4IDguNDkzMzEgOC43NSA3Ljk0Mjg3IDguNzVINS43NDA5OUM1LjEwNTg2IDguNzUgNSA5LjA0NjQ0IDUgOS4zNjRDNSA5LjkzNTYyIDUuNzQwOTkgMTIuODE0OSA4LjQ1MDkzIDE2LjYyNThDMTAuMjUwNiAxOS4yMjk5IDEyLjgxMjMgMjAuNjI3MiAxNS4xMiAyMC42MjcyQzE2LjUxNzMgMjAuNjI3MiAxNi42ODY3IDIwLjMwOTYgMTYuNjg2NyAxOS43ODA0VjE3LjgxMTRDMTYuNjg2NyAxNy4xNzYyIDE2LjgxMzcgMTcuMDcwNCAxNy4yNTgzIDE3LjA3MDRDMTcuNTc1OSAxNy4wNzA0IDE4LjE0NzUgMTcuMjM5NyAxOS40Mzg5IDE4LjQ4ODlDMjAuOTIwOSAxOS45NzA5IDIxLjE3NSAyMC42NDg0IDIyLjAwMDcgMjAuNjQ4NEgyNC4xODE0QzI0LjgxNjUgMjAuNjQ4NCAyNS4xMTI5IDIwLjMzMDggMjQuOTQzNiAxOS43MTY4QzI0Ljc1MyAxOS4xMDI5IDI0LjAzMzIgMTguMjEzNyAyMy4xMDE2IDE3LjE1NTFDMjIuNTkzNSAxNi41NjIzIDIxLjgzMTMgMTUuOTA2IDIxLjU5ODQgMTUuNTg4NEMyMS4yODA5IDE1LjE2NSAyMS4zNjU2IDE0Ljk5NTYgMjEuNTk4NCAxNC42MTQ1QzIxLjU3NzMgMTQuNjE0NSAyNC4yNDQ5IDEwLjg0NiAyNC41MjAxIDkuNTc1NjlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
margin-right: 12px;
}
&.icon-ok::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTVDMCA2LjcxNTczIDYuNzE1NzMgMCAxNSAwQzIzLjI4NDMgMCAzMCA2LjcxNTczIDMwIDE1QzMwIDIzLjI4NDMgMjMuMjg0MyAzMCAxNSAzMEM2LjcxNTczIDMwIDAgMjMuMjg0MyAwIDE1WiIgZmlsbD0iI0Y2ODYzNCIvPgo8cGF0aCBkPSJNMTYuNjIyNSAxOC40MDAyTDE4Ljg2NDEgMjAuNTY0M0MxOS4zMjM0IDIxLjAwNjcgMTkuMzIzNCAyMS43MjUxIDE4Ljg2NDEgMjIuMTY3OUMxOC40MDU0IDIyLjYxMDggMTcuNjYxOSAyMi42MTA4IDE3LjIwMzYgMjIuMTY3OUwxNC45OTk2IDIwLjA0MTRMMTIuNzk3NSAyMi4xNjc5QzEyLjU2NzkgMjIuMzg5MSAxMi4yNjcgMjIuNDk5OCAxMS45NjYyIDIyLjQ5OThDMTEuNjY1OCAyMi40OTk4IDExLjM2NTQgMjIuMzg5MSAxMS4xMzU4IDIyLjE2NzlDMTAuNjc3IDIxLjcyNTEgMTAuNjc3IDIxLjAwNzIgMTEuMTM1MyAyMC41NjQzTDEzLjM3NzIgMTguNDAwMkMxMi41NjA5IDE4LjIyMDggMTEuNzczNyAxNy45MDg2IDExLjA0ODcgMTcuNDY5NEMxMC40OTk5IDE3LjEzNTUgMTAuMzM1MSAxNi40MzU4IDEwLjY4MDggMTUuOTA1N0MxMS4wMjU2IDE1LjM3NDggMTEuNzUwNyAxNS4yMTUgMTIuMzAwNCAxNS41NDlDMTMuOTQyIDE2LjU0NTggMTYuMDU2NyAxNi41NDYgMTcuNjk5MyAxNS41NDlDMTguMjQ5IDE1LjIxNSAxOC45NzM4IDE1LjM3NDggMTkuMzE5MyAxNS45MDU3QzE5LjY2NSAxNi40MzUzIDE5LjQ5OTcgMTcuMTM1NSAxOC45NTEgMTcuNDY5NEMxOC4yMjU5IDE3LjkwOSAxNy40Mzg3IDE4LjIyMDggMTYuNjIyNSAxOC40MDAyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC45Nzk5IDExLjM3MUMxMC45Nzk5IDEzLjUwNSAxMi43Nzg0IDE1LjI0MDggMTQuOTg5OCAxNS4yNDA4QzE3LjIwMTcgMTUuMjQwOCAxOC45OTk4IDEzLjUwNSAxOC45OTk4IDExLjM3MUMxOC45OTk4IDkuMjM2MzIgMTcuMjAxNyA3LjUgMTQuOTg5OCA3LjVDMTIuNzc4NCA3LjUgMTAuOTc5OSA5LjIzNjMyIDEwLjk3OTkgMTEuMzcxWk0xNi42NTAxIDExLjM3MUMxNi42NTAxIDEwLjQ4NzIgMTUuOTA1NCA5Ljc2ODU1IDE0Ljk4OTggOS43Njg1NUMxNC4wNzUgOS43Njg1NSAxMy4zMjk1IDEwLjQ4NzIgMTMuMzI5NSAxMS4zNzFDMTMuMzI5NSAxMi4yNTQxIDE0LjA3NSAxMi45NzMyIDE0Ljk4OTggMTIuOTczMkMxNS45MDU0IDEyLjk3MzIgMTYuNjUwMSAxMi4yNTQxIDE2LjY1MDEgMTEuMzcxWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
margin-right: 12px;
}
}
}
}
}
.reg-link {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #212429;
a {
color: #FF8C1C;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
}
.footer {
flex-shrink: 0;
background-color: transparent;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
a:not(.special) {
color: #FFFFFF;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
}
a.language::after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjE5NTI0IDYuNDE2NjVINC4wOTI2NkM0LjE0MjgzIDQuODIyNCA0LjM5OTQ5IDMuMzY5OSA0LjgwMTk5IDIuMjYzMzJDNC45MDUyNCAxLjk3OTgyIDUuMDIwMTYgMS43MTIwNyA1LjE0NzkxIDEuNDY3MDdDMy4wMTExNiAyLjE4MTY1IDEuNDI1NjYgNC4wOTk2NSAxLjE5NTI0IDYuNDE2NjVaTTcgMEMzLjEzNDI1IDAgMCAzLjEzNDI1IDAgN0MwIDEwLjg2NTggMy4xMzQyNSAxNCA3IDE0QzEwLjg2NTggMTQgMTQgMTAuODY1OCAxNCA3QzE0IDMuMTM0MjUgMTAuODY1OCAwIDcgMFpNNyAxLjE2NjY3QzYuOTExOTIgMS4xNjY2NyA2Ljc1MjY3IDEuMjEzOTIgNi41MzM5MiAxLjQ2NzY3QzYuMzE3NSAxLjcxOTY3IDYuMDk1ODQgMi4xMTg2NyA1Ljg5ODA5IDIuNjYxNzVDNS41NDk4NCAzLjYyMDc1IDUuMzEwMDkgNC45MzI2NyA1LjI1OTkyIDYuNDE2NjdIOC43NDAwOUM4LjY4OTkyIDQuOTMyNjcgOC40NTAxNyAzLjYyMDc1IDguMTAxOTIgMi42NjE3NUM3LjkwNDE3IDIuMTE4NjcgNy42ODI1IDEuNzE5NjcgNy40NjYwOSAxLjQ2NzY3QzcuMjQ3MzQgMS4yMTM5MiA3LjA4ODA5IDEuMTY2NjcgNyAxLjE2NjY3Wk05LjkwNzMxIDYuNDE2NjVDOS44NTY1NiA0LjgyMjQgOS42MDA0OCAzLjM2OTkgOS4xOTc5OCAyLjI2MzMyQzkuMDk0NzMgMS45Nzk4MiA4Ljk3OTgxIDEuNzEyMDcgOC44NTIwNiAxLjQ2NzA3QzEwLjk4ODggMi4xODE2NSAxMi41NzQzIDQuMDk5NjUgMTIuODA0NyA2LjQxNjY1SDkuOTA3MzFaTTguNzQwMDkgNy41ODMzM0g1LjI1OTkyQzUuMzEwMDkgOS4wNjczMyA1LjU0OTg0IDEwLjM3OTMgNS44OTgwOSAxMS4zMzgzQzYuMDk1ODQgMTEuODgxMyA2LjMxNzUgMTIuMjgwMyA2LjUzMzkyIDEyLjUzMjNDNi43NTI2NyAxMi43ODYxIDYuOTExOTIgMTIuODMzMyA3IDEyLjgzMzNDNy4wODgwOSAxMi44MzMzIDcuMjQ3MzQgMTIuNzg2MSA3LjQ2NjA5IDEyLjUzMjNDNy42ODI1IDEyLjI4MDMgNy45MDQxNyAxMS44ODEzIDguMTAxOTIgMTEuMzM4M0M4LjQ1MDE3IDEwLjM3OTMgOC42ODk5MiA5LjA2NzMzIDguNzQwMDkgNy41ODMzM1pNOC44NTIwNiAxMi41MzI5QzguOTc5ODEgMTIuMjg3OSA5LjA5NDczIDEyLjAyMDIgOS4xOTc5OCAxMS43MzY3QzkuNjAwNDggMTAuNjMwMSA5Ljg1NjU2IDkuMTc3NTggOS45MDczMSA3LjU4MzMzSDEyLjgwNDdDMTIuNTc0MyA5LjkwMDMzIDEwLjk4ODggMTEuODE4MyA4Ljg1MjA2IDEyLjUzMjlaTTUuMTQ3OTEgMTIuNTMyOUM1LjAyMDE2IDEyLjI4NzkgNC45MDUyNCAxMi4wMjAyIDQuODAxOTkgMTEuNzM2N0M0LjM5OTQ5IDEwLjYzMDEgNC4xNDI4MyA5LjE3NzU4IDQuMDkyNjYgNy41ODMzM0gxLjE5NTI0QzEuNDI1NjYgOS45MDAzMyAzLjAxMTE2IDExLjgxODMgNS4xNDc5MSAxMi41MzI5WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==");
}
.footer-top {
padding: 0;
.brand {
margin-right: 12px;
}
ul {
list-style: none;
margin: 0;
padding: 0;
li {
display: block;
float: left;
margin-right: 29px;
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
text-decoration: none;
&:hover {
color: #FF8C1C;
}
}
}
}
.call-center {
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 15px;
line-height: 18px;
color: #FF8C1C;
text-decoration: none;
margin-right: 12px;
&:hover {
text-decoration: underline;
}
}
span {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #FFFFFF;
}
}
}
}
}
&.vacancy {
.company-box {
display: flex;
flex-direction: column;
text-align: center;
padding: 24px 20px;
background-color: #FFFFFF;
border: 1px solid #DDE2E5;
box-sizing: border-box;
border-radius: 8px;
.info {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
.logotype {
width: 120px;
height: 120px;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 8px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #212429;
text-decoration: none;
margin-bottom: 8px;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
span {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FF8C1C;
margin-bottom: 12px;
}
}
button {
padding: 12px 0;
margin-bottom: 8px;
}
}
.item {
.title {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 29px;
color: #212429;
margin-bottom: 12px;
}
.subtitle {
font-family: Montserrat Alternates, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
color: #FF8C1C;
}
.category {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #ACB5BD;
}
.info {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
& + .info {
margin-left: 15px;
}
li {
display: flex;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #ACB5BD;
margin-bottom: 10px;
span.label {
min-width: 127px;
}
span:not(.label) {
color: #212429;
margin-left: 12px;
}
}
&.small li {
font-size: 14px;
line-height: 17px;
}
}
.h5 {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #212429;
margin-bottom: 10px;
text-transform: none;
}
.text {
&,
p {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #495057;
}
strong {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #495057;
}
.single-line {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
& + .single-line {
margin-top: 15px;
}
.label {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
padding-right: 15px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #212429;
small {
font-weight: 500;
font-size: 14px;
text-transform: lowercase;
color: #ACB5BD;
}
}
.value {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 2.5;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
li {
margin-right: 0;
white-space: normal;
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #FF8C1C;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
p + p {
margin-top: 15px;
}
}
ul {
margin-bottom: 0;
li {
font-size: 16px;
}
}
}
}
}
}
.special {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #4BC374;
&::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzc1IDQuMDYyNUM4LjQ5NTAzIDQuMDYyNSA5LjQwNjI1IDMuMTUxMjggOS40MDYyNSAyLjAzMTI1QzkuNDA2MjUgMC45MTEyMTkgOC40OTUwMyAwIDcuMzc1IDBDNi4yNTQ5NyAwIDUuMzQzNzUgMC45MTEyMTkgNS4zNDM3NSAyLjAzMTI1QzUuMzQzNzUgMy4xNTEyOCA2LjI1NDk3IDQuMDYyNSA3LjM3NSA0LjA2MjVaTTcuMzc1IDEuMjVDNy44MDU3OCAxLjI1IDguMTU2MjUgMS42MDA0NyA4LjE1NjI1IDIuMDMxMjVDOC4xNTYyNSAyLjQ2MjAzIDcuODA1NzggMi44MTI1IDcuMzc1IDIuODEyNUM2Ljk0NDIyIDIuODEyNSA2LjU5Mzc1IDIuNDYyMDMgNi41OTM3NSAyLjAzMTI1QzYuNTkzNzUgMS42MDA0NyA2Ljk0NDIyIDEuMjUgNy4zNzUgMS4yNVpNMTAuNzYxMSAxMS44NzRDMTAuMzYxMiAxMS40MDUgOS43NjEyMiAxMS4xMjUgOS4xNTYyNSAxMS4xMjVIOC40MjAzNEM4LjIwMzMxIDkuNzAxIDcuMjc0MjggOC41MDgxNiA2LjAwOTE5IDcuOTIxNjlMNS42MjczMSA2LjQ3MzVDNS4zNzQzMSA1LjUxMzk0IDQuNTA0NSA0Ljg0Mzc1IDMuNTEyMTMgNC44NDM3NUgyLjk2ODc1QzIuNjIzNTYgNC44NDM3NSAyLjM0Mzc1IDUuMTIzNTYgMi4zNDM3NSA1LjQ2ODc1QzIuMzQzNzUgNS44MTM5NCAyLjYyMzU2IDYuMDkzNzUgMi45Njg3NSA2LjA5Mzc1SDMuNTEyMTNDMy45Mzc0NCA2LjA5Mzc1IDQuMzEwMTkgNi4zODA5NyA0LjQxODYyIDYuNzkyMjJMNC42MTgxMiA3LjU0ODgxQzQuNDkxNjkgNy41Mzc0MSA0LjM2Mzc1IDcuNTMxMjUgNC4yMzQzOCA3LjUzMTI1QzEuODk5NTMgNy41MzEyNSAwIDkuNDMwNzggMCAxMS43NjU2QzAgMTQuMTAwNSAxLjg5OTUzIDE2IDQuMjM0MzggMTZDNi4zNjIzMSAxNiA4LjEyODM4IDE0LjQyMjEgOC40MjQ3MiAxMi4zNzVIOS4xNTYyNUM5LjQwMDAzIDEyLjM3NSA5LjY0NDQxIDEyLjQ5MDkgOS44MDk5NCAxMi42ODUxQzkuODg4OTQgMTIuNzc3NyAxMC4wMTU3IDEyLjk2OTYgOS45NzY1OSAxMy4yMTM3QzkuOTIyMDYgMTMuNTU0NiAxMC4xNTQyIDEzLjg3NTEgMTAuNDk1IDEzLjkyOTdDMTAuNTI4NCAxMy45MzUgMTAuNTYxNyAxMy45Mzc2IDEwLjU5NDUgMTMuOTM3NkMxMC44OTYyIDEzLjkzNzYgMTEuMTYxNyAxMy43MTg2IDExLjIxMDkgMTMuNDExM0MxMS4yOTczIDEyLjg3MDkgMTEuMTMzNCAxMi4zMTA2IDEwLjc2MTEgMTEuODc0Wk00LjIzNDM4IDE0Ljc1QzIuNTg4NzggMTQuNzUgMS4yNSAxMy40MTEyIDEuMjUgMTEuNzY1NkMxLjI1IDEwLjEyIDIuNTg4NzggOC43ODEyNSA0LjIzNDM4IDguNzgxMjVDNS44Nzk5NyA4Ljc4MTI1IDcuMjE4NzUgMTAuMTIgNy4yMTg3NSAxMS43NjU2QzcuMjE4NzUgMTMuNDExMiA1Ljg3OTk3IDE0Ljc1IDQuMjM0MzggMTQuNzVaTTEyLjcxOTUgMTUuMDAwMUMxMi42OTE2IDE1LjAwMDEgMTIuNjYzNCAxNC45OTgyIDEyLjYzNSAxNC45OTQzQzEyLjI5MjkgMTQuOTQ4MSAxMi4wNTMxIDE0LjYzMzMgMTIuMDk5MyAxNC4yOTEzTDEyLjU4OTEgMTAuNjY4NEMxMi42MTA3IDEwLjQ4ODkgMTIuNTU2OCAxMC4zMTU2IDEyLjQzNyAxMC4xOEMxMi4zMTY3IDEwLjA0MzggMTIuMTUwMyA5Ljk2ODcyIDExLjk2ODUgOS45Njg3Mkg5LjQ2ODcyQzkuMTgyNSA5Ljk2ODcyIDguOTMyODcgOS43NzQzMSA4Ljg2Mjc1IDkuNDk2ODFMOC4xMTQyNSA2LjUzNEM4LjAzODI1IDYuMjYwODEgNy43ODU4OCA2LjA2Mjg3IDcuNTEyNDcgNi4wNjI3NUw2Ljk3MjY5IDYuMDYyNUM2LjYyNzUzIDYuMDYyMzQgNi4zNDc4MSA1Ljc4MjM4IDYuMzQ4IDUuNDM3MTlDNi4zNDgxOSA1LjA5MjEyIDYuNjI3OTcgNC44MTI1IDYuOTczIDQuODEyNUg2Ljk3MzMxTDcuNTEzMDkgNC44MTI3OEM4LjM1NTMxIDQuODEzMTkgOS4wOTkxOSA1LjM4ODQ0IDkuMzIyIDYuMjExNzJDOS4zMjI5MSA2LjIxNTEyIDkuMzIzODEgNi4yMTg1MyA5LjMyNDY2IDYuMjIxOTRMOS45NTU1IDguNzE4NzVIMTEuOTY4NkMxMi41MDYgOC43MTg3NSAxMy4wMTgyIDguOTQ5NzggMTMuMzczOSA5LjM1MjU2QzEzLjcyOTcgOS43NTUzNCAxMy44OTU2IDEwLjI5MjIgMTMuODI5MiAxMC44MjU1QzEzLjgyODkgMTAuODI3NyAxMy44Mjg2IDEwLjgyOTggMTMuODI4MyAxMC44MzJMMTMuMzM4MSAxNC40NTg3QzEzLjI5NTcgMTQuNzcyNCAxMy4wMjc1IDE1LjAwMDEgMTIuNzE5NSAxNS4wMDAxWiIgZmlsbD0iIzRCQzM3NCIvPgo8L3N2Zz4K");
margin-right: 8px;
}
}
.favourite {
white-space: nowrap;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #495057;
display: flex;
align-items: center;
span {
display: none;
}
&:hover {
color: #FF8C1C;
}
&.favourite-left::after {
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyMCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjAwMDEgMS42NjY2M0wxMi41NzUxIDYuODgzMjlMMTguMzMzNCA3LjcyNDk2TDE0LjE2NjcgMTEuNzgzM0wxNS4xNTAxIDE3LjUxNjZMMTAuMDAwMSAxNC44MDgzTDQuODUwMDggMTcuNTE2Nkw1LjgzMzQxIDExLjc4MzNMMS42NjY3NSA3LjcyNDk2TDcuNDI1MDggNi44ODMyOUwxMC4wMDAxIDEuNjY2NjNaIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 19px;
margin-left: 8px;
}
&.favourite-left.active::before,
&.favourite-left.active::after,
&.favourite-left:hover::before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDFMMTQuMDkgNy4yNkwyMSA4LjI3TDE2IDEzLjE0TDE3LjE4IDIwLjAyTDExIDE2Ljc3TDQuODIgMjAuMDJMNiAxMy4xNEwxIDguMjdMNy45MSA3LjI2TDExIDFaIiBmaWxsPSIjRkY4QzFDIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}
}
.share {
button {
white-space: nowrap;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #495057;
display: flex;
align-items: center;
&:hover {
color: #FF8C1C;
}
&::after {
border: none;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDYuNjY2NjNDMTYuMzgwNyA2LjY2NjYzIDE3LjUgNS41NDczNCAxNy41IDQuMTY2NjNDMTcuNSAyLjc4NTkxIDE2LjM4MDcgMS42NjY2MyAxNSAxLjY2NjYzQzEzLjYxOTMgMS42NjY2MyAxMi41IDIuNzg1OTEgMTIuNSA0LjE2NjYzQzEyLjUgNS41NDczNCAxMy42MTkzIDYuNjY2NjMgMTUgNi42NjY2M1oiIHN0cm9rZT0iI0ZGOEMxQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTUgMTIuNUM2LjM4MDcxIDEyLjUgNy41IDExLjM4MDcgNy41IDEwQzcuNSA4LjYxOTI5IDYuMzgwNzEgNy41IDUgNy41QzMuNjE5MjkgNy41IDIuNSA4LjYxOTI5IDIuNSAxMEMyLjUgMTEuMzgwNyAzLjYxOTI5IDEyLjUgNSAxMi41WiIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTUgMTguMzMzNEMxNi4zODA3IDE4LjMzMzQgMTcuNSAxNy4yMTQxIDE3LjUgMTUuODMzNEMxNy41IDE0LjQ1MjcgMTYuMzgwNyAxMy4zMzM0IDE1IDEzLjMzMzRDMTMuNjE5MyAxMy4zMzM0IDEyLjUgMTQuNDUyNyAxMi41IDE1LjgzMzRDMTIuNSAxNy4yMTQxIDEzLjYxOTMgMTguMzMzNCAxNSAxOC4zMzM0WiIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNy4xNTgyIDExLjI1ODNMMTIuODQ5OSAxNC41NzUiIHN0cm9rZT0iI0ZGOEMxQyIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjg0MTUgNS40MjUwNUw3LjE1ODIgOC43NDE3MiIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
width: 20px;
height: 20px;
margin-left: 8px;
}
}
}
.price {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 29px;
color: #FF8C1C;
margin-bottom: 12px;
}
&.resume {
.person-box {
display: flex;
flex-direction: column;
text-align: center;
padding: 24px 20px;
background-color: #FFFFFF;
border: 1px solid #DDE2E5;
box-sizing: border-box;
border-radius: 8px;
.info {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
.logotype {
width: 120px;
height: 120px;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 8px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
img {
width: 71px;
height: 71px;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 8px;
}
strong {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #212429;
text-decoration: none;
margin-bottom: 8px;
}
span {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FF8C1C;
margin-bottom: 12px;
}
}
button {
padding: 12px 0;
margin-bottom: 8px;
}
}
.item {
.title {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 29px;
color: #212429;
margin-bottom: 12px;
max-width: 60%;
}
.subtitle {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #FF8C1C;
margin-bottom: 12px;
}
.category {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #ACB5BD;
margin-bottom: 12px;
}
.info {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
li {
display: block;
float: left;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #ACB5BD;
&.dark {
color: #495057;
}
& + li {
margin-left: 20px;
}
span {
color: #212429;
margin-left: 12px;
}
}
&.small li {
font-size: 14px;
line-height: 17px;
}
&.column {
display: flex;
flex-direction: column;
& + .column {
margin-left: 15px;
}
li {
display: flex;
float: none;
strong {
display: inline-flex;
min-width: 140px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #ACB5BD;
}
span {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #212429;
}
& + li {
margin-top: 10px;
margin-left: 0;
}
}
}
}
.text {
&,
p {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #495057;
}
.label {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 24px;
color: #212429;
margin-bottom: 10px;
}
strong {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #495057;
}
.single-line {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
.label {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
padding-right: 15px;
}
.value {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 2.5;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
li {
margin-right: 0;
white-space: normal;
font-size: 16px;
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #FF8C1C;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
p + p {
margin-top: 15px;
}
}
&.big {
.label {
font-family: Montserrat, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
padding-right: 15px;
}
}
}
}
}
}
.list-date {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
.item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
& + .item {
margin-top: 34px;
}
.date {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
margin-right: 15px;
span {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
small {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
}
.info {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 2.5;
.title {
font-family: Montserrat, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 10px;
}
.subtitle {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #FF8C1C;
margin-bottom: 10px;
}
.company, .description {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
display: block;
p {
font-size: 16px;
}
}
}
}
}
&.white {
.header {
background-color: #FFFFFF;
min-height: auto;
}
.content {
.head {
h1 {
color: #495057;
margin-bottom: 20px;
}
.title {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 32px;
line-height: 37px;
margin-bottom: 10px;
color: #212529;
}
.subtitle {
font-family: Montserrat, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #495057;
margin-bottom: 20px;
}
}
}
}
&.news {
.post {
position: relative;
margin: 22px 0;
background-color: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
.image {
width: 100%;
height: 163px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 8px;
}
.title {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212429;
padding: 13.5px 13.5px 7px;
a {
color: #212429;
text-decoration: none;
&:hover {
color: #FF8C1C;
}
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
}
}
.text {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #ACB5BD;
padding: 0px 13.5px 13.5px;
}
}
}
p {
font-size: 14px;
&.big {
font-size: 16px;
}
}
ol, ul {
li {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
color: #495057;
}
}
&.post {
h1 {
font-family: Montserrat Alternates, sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 34px;
letter-spacing: 0em;
text-align: left;
color: #495057;
}
.single {
.image {
width: 100%;
height: 308px;
border-radius: 12px;
margin-bottom: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
p {
font-size: 14px;
}
img {
border-radius: 12px;
margin-bottom: 16px;
max-width: 100%;
}
.share {
margin-top: 12px;
border: 1px solid #FF8C1C;
box-sizing: border-box;
border-radius: 4px;
display: inline-flex;
button {
padding: 10px;
}
}
}
}
&.barret {
.test {
.title {
font-family: Montserrat, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #495057;
}
.step {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #FF8C1C;
}
.question {
.label {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 17px;
letter-spacing: 0em;
text-align: left;
color: #495057;
margin-top: 18px;
margin-bottom: 14px;
}
.form-check {
margin-bottom: 8px;
}
}
}
.completed {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #FF8C1C;
display: flex;
align-items: center;
&::after {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4zMzQ0IDEuMjUwMThINS42NjU0QzIuNjQ0NCAxLjI1MDE4IDAuNzUwMzk3IDMuMzg5MTggMC43NTAzOTcgNi40MTYxOFYxNC41ODQyQzAuNzUwMzk3IDE3LjYxMTIgMi42MzU0IDE5Ljc1MDIgNS42NjU0IDE5Ljc1MDJIMTQuMzMzNEMxNy4zNjQ0IDE5Ljc1MDIgMTkuMjUwNCAxNy42MTEyIDE5LjI1MDQgMTQuNTg0MlY2LjQxNjE4QzE5LjI1MDQgMy4zODkxOCAxNy4zNjQ0IDEuMjUwMTggMTQuMzM0NCAxLjI1MDE4WiIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik02LjQzOTg4IDEwLjUwMDJMOC44MTM4OCAxMi44NzMyTDEzLjU1OTkgOC4xMjcyIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
margin-left: 12px;
}
}
.list-group {
li {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
padding: 0;
&:first-child a {
padding-top: 0;
}
&:last-child a {
padding-bottom: 0;
}
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
text-decoration: none;
display: block;
padding: 20px 0;
position: relative;
&:hover {
color: #FF8C1C;
}
&::after {
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDcuNzI1NzFMMC43NSA3LjcyNTcxIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNzAwMiAxLjcwMTMxTDE1Ljc1MDIgNy43MjUzMUw5LjcwMDIgMTMuNzUwMyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 17px;
height: 15px;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
}
}
}
}
&.analytics {
.item-list {
display: flex;
.icon {
border: 2px solid #FF8C1C;
box-sizing: border-box;
border-radius: 8px;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
.file {
width: 20px;
height: 20px;
}
}
.title {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #FF8C1C;
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #FF8C1C;
text-decoration: none;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
}
.text {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 22px;
color: #212429;
}
.date {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18px;
color: #495057;
display: flex;
align-items: center;
&::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMzE5NDYgNy4wNTMyMkgxNC42ODc0IiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjMzMTYgOS45ODIzSDExLjMzODUiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOC4wMDM0NyA5Ljk4MjNIOC4wMTA0MiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik00LjY2ODM5IDkuOTgyM0g0LjY3NTM0IiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjMzMTYgMTIuODk3MkgxMS4zMzg1IiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTguMDAzNDcgMTIuODk3Mkg4LjAxMDQyIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQuNjY4MzkgMTIuODk3Mkg0LjY3NTM0IiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTExLjAzMjggMS41VjMuOTY4MDkiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNC45NzQxMSAxLjVWMy45NjgwOSIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuMTc4NyAyLjY4NDQ1SDQuODI4MjJDMi42MjU3IDIuNjg0NDUgMS4yNSAzLjkxMTQgMS4yNSA2LjE2NjcyVjEyLjk1NEMxLjI1IDE1LjI0NDcgMi42MjU3IDE2LjUwMDEgNC44MjgyMiAxNi41MDAxSDExLjE3MThDMTMuMzgxMiAxNi41MDAxIDE0Ljc1IDE1LjI2NiAxNC43NSAxMy4wMTA3VjYuMTY2NzJDMTQuNzU2OSAzLjkxMTQgMTMuMzg4MiAyLjY4NDQ1IDExLjE3ODcgMi42ODQ0NVoiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
width: 16px;
height: 18px;
margin-right: 8px;
}
}
a.download-right {
position: relative;
display: inline-block;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
color: #FF8C1C;
text-decoration: none;
display: flex;
align-items: center;
&::after {
margin-left: 8px;
}
&:hover {
text-decoration: underline;
}
}
}
.head {
margin-bottom: 14px;
.title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
}
.subtitle {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
margin-bottom: 0;
}
}
&.map {
.right-box {
height: calc(100% - 71px);
}
}
.bordered-box {
.head {
padding: 20px 17px;
border-bottom: 1px solid #DDE2E5;
.title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
color: #FF8C1C;
}
.subtitle {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #ACB5BD;
}
}
li {
padding: 0;
background-color: transparent;
a {
background-color: transparent;
display: block;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 17px;
color: #495057;
text-decoration: none;
padding: 15px 17px;
&:hover {
color: #FF8C1C;
}
}
}
.data-czn {
overflow-y: auto;
padding-right: 15px;
height: 100%;
&::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
&::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
&::-webkit-scrollbar-thumb {
background-color: #FF8C1C;
border-radius: 6px;
}
li {
padding-left: 0;
padding-right: 0;
a {
display: flex;
padding-left: 0;
padding-right: 0;
word-break: break-word;
span {
margin-left: auto;
color: #ACB5BD;
padding-left: 10px;
white-space: nowrap;
}
}
}
}
}
.country {
button {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
color: #212429;
}
}
.map-data {
position: relative;
.bordered-box {
width: 350px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin-bottom: 0;
padding: 20px;
.title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
color: #495057;
border-bottom: 1px solid #DDE2E5;
margin-bottom: 14px;
padding-bottom: 14px;
}
button.submit {
position: relative;
&::after {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDggMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjM3NSAwLjc1TDYuNjI1IDZMMS4zNzUgMTEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}
}
.form {
display: flex;
align-items: center;
.custom-select {
.select-selected {
padding-left: 0;
background-color: transparent;
white-space: nowrap;
}
.select-items {
div {
white-space: nowrap;
}
}
&.year {
.select-selected {
min-width: 100px;
}
}
&.month {
.select-selected {
min-width: 140px;
}
}
}
}
hr {
opacity: .4;
}
ul {
li {
padding-left: 0;
padding-right: 0;
a {
display: flex;
padding-left: 0;
padding-right: 0;
span {
margin-left: auto;
color: #ACB5BD;
padding-left: 10px;
white-space: nowrap;
}
}
}
}
}
}
}
&.employment-services {
.nav-tabs {
position: relative;
z-index: 9;
}
.half {
max-width: 60%;
display: block;
}
.contact-box {
display: flex;
flex-direction: column;
text-align: center;
padding: 24px 20px;
background-color: #FFFFFF;
border: 1px solid #DDE2E5;
box-sizing: border-box;
border-radius: 8px;
.info {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
.image {
width: 120px;
height: 120px;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 8px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
strong {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #212429;
text-decoration: none;
margin-bottom: 8px;
}
span {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FF8C1C;
margin-bottom: 12px;
}
}
}
.h3 {
font-family: Montserrat Alternates, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
color: #495057;
}
.employment-services-list {
.item {
background: #F5F5F6;
border-radius: 8px;
display: flex;
align-items: center;
flex-direction: row;
padding: 50px 30px;
& + .item {
margin-top: 14px;
}
&:hover {
background: rgba(255, 170, 89, 0.22);
}
.icon {
margin-right: 30px;
max-width: 128px;
}
.info {
flex-basis: 45%;
margin-right: auto;
.title {
font-family: Montserrat Alternates, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
color: #495057;
margin-bottom: 11px;
}
.text {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #495057;
}
}
a {
white-space: nowrap;
}
}
}
.employment-services-item-bordered {
border: 1px solid #FF8C1C;
box-sizing: border-box;
border-radius: 8px;
padding: 20px;
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #495057;
text-decoration: none;
&:hover {
color: #FF8C1C;
}
&.download {
position: relative;
display: block;
&::before {
background-color: #F5F5F6;
background-size: 20px;
width: 46px;
height: 46px;
border-radius: 50%;
display: block;
margin-bottom: 12px;
}
}
}
}
.employment-services-image {
position: relative;
&::after {
content: url('../img/employment-services/image_01.webp');
position: absolute;
top: -50px;
right: 50px;
z-index: 1;
}
&::before {
content: url('../img/employment-services/ellipse_big.webp');
position: absolute;
top: -50px;
right: 0;
transform: translateY(-20%);
z-index: 1;
}
}
.employment-services-link {
margin-top: 50px;
.title {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 34px;
color: #212429;
margin-bottom: 30px;
}
.list-group {
li {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
margin: 0;
padding: 0;
&:first-child a {
margin-top: 10px;
}
&:last-child a {
margin-bottom: 0;
}
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
text-decoration: none;
display: block;
margin: 20px 0;
position: relative;
&:hover {
color: #FF8C1C;
}
&::after {
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDcuNzI1NzFMMC43NSA3LjcyNTcxIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNzAwMiAxLjcwMTMxTDE1Ljc1MDIgNy43MjUzMUw5LjcwMDIgMTMuNzUwMyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 17px;
height: 15px;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
}
}
}
&.single {
.list-group {
li {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
margin: 0;
border-width: 1px;
box-sizing: border-box;
border-radius: 8px;
padding: 23px 24px;
margin: 8px 0;
&:first-child a {
margin-top: 0;
}
&:last-child a {
margin-bottom: 0;
}
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
text-decoration: none;
display: block;
position: relative;
margin: 0;
padding: 0;
&:hover {
color: #FF8C1C;
}
&::after {
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDcuNzI1NzFMMC43NSA3LjcyNTcxIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNzAwMiAxLjcwMTMxTDE1Ljc1MDIgNy43MjUzMUw5LjcwMDIgMTMuNzUwMyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 17px;
height: 15px;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
}
}
}
}
}
.item-list {
.provider-label,
.client-label {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #FF8C1C;
}
.provider,
.client {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #212429;
}
.location {
color: #495057;
}
.numtd {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #212429;
}
.countlot {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #FF8C1C;
}
}
.czn-contact {
.title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
border-bottom: 1px solid #ACB5BD25;
margin-bottom: 16px;
padding-bottom: 16px;
}
.h5 {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
text-transform: none;
}
ul {
li {
display: flex;
align-items: center;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
text-decoration: none;
color: #495057;
&::before {
margin-right: 8px;
width: 17px;
height: 17px;
}
a {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
text-decoration: none;
color: #495057;
margin-left: 5px;
}
&.profile {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
&.url {
a {
color: #FF8C1C;
}
}
}
.profile::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNCAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGVsbGlwc2UgY3g9IjcuMTg1MDkiIGN5PSI0LjQ1ODU5IiByeD0iMy41ODM1MiIgcnk9IjMuNTgzNTIiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuNTAwMDEgMTMuMDI2MUMxLjQ5OTA1IDEyLjc3NDIgMS41NTUzOSAxMi41MjUzIDEuNjY0NzcgMTIuMjk4NEMyLjAwODAyIDExLjYxMTkgMi45NzU5OCAxMS4yNDgxIDMuNzc5MTkgMTEuMDgzM0M0LjM1ODQ2IDEwLjk1OTcgNC45NDU3MyAxMC44NzcxIDUuNTM2NjMgMTAuODM2MkM2LjYzMDYzIDEwLjc0MDEgNy43MzA5NSAxMC43NDAxIDguODI0OTUgMTAuODM2MkM5LjQxNTggMTAuODc3NiAxMC4wMDMgMTAuOTYwMiAxMC41ODI0IDExLjA4MzNDMTEuMzg1NiAxMS4yNDgxIDEyLjM1MzYgMTEuNTc3NiAxMi42OTY4IDEyLjI5ODRDMTIuOTE2OCAxMi43NjEgMTIuOTE2OCAxMy4yOTgxIDEyLjY5NjggMTMuNzYwN0MxMi4zNTM2IDE0LjQ4MTUgMTEuMzg1NiAxNC44MTEgMTAuNTgyNCAxNC45Njg5QzEwLjAwMzggMTUuMDk3NiA5LjQxNjMyIDE1LjE4MjUgOC44MjQ5NSAxNS4yMjI5QzcuOTM0NTMgMTUuMjk4NCA3LjAzOTk0IDE1LjMxMjEgNi4xNDc2MSAxNS4yNjQxQzUuOTQxNjYgMTUuMjY0MSA1Ljc0MjU4IDE1LjI2NDEgNS41MzY2MyAxNS4yMjI5QzQuOTQ3NDcgMTUuMTgzIDQuMzYyMjQgMTUuMDk4MSAzLjc4NjA1IDE0Ljk2ODlDMi45NzU5OCAxNC44MTEgMi4wMTQ4OSAxNC40ODE1IDEuNjY0NzcgMTMuNzYwN0MxLjU1NTk1IDEzLjUzMTEgMS40OTk2NiAxMy4yODAyIDEuNTAwMDEgMTMuMDI2MVoiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.location::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY3OTY5IDYuNzkzNTVDMS42OTA0OSAzLjYxMzExIDQuMjc3NTEgMS4wNDM2MSA3LjQ1Nzk1IDEuMDU0NDJDMTAuNjM4NCAxLjA2NTIyIDEzLjIwNzkgMy42NTIyNCAxMy4xOTcxIDYuODMyNjhWNi44OTc4OUMxMy4xNTc5IDguOTY1MjkgMTIuMDAzNiAxMC44NzYyIDEwLjU4ODQgMTIuMzY5NkM5Ljc3OTAyIDEzLjIxMDEgOC44NzUxOSAxMy45NTQyIDcuODk0OTEgMTQuNTg3QzcuNjMyNzggMTQuODEzOCA3LjI0Mzk4IDE0LjgxMzggNi45ODE4NiAxNC41ODdDNS41MjA0OSAxMy42MzU4IDQuMjM3ODkgMTIuNDM0OSAzLjE5MjczIDExLjAzOTJDMi4yNjEyIDkuODIyMTEgMS43MzIzMSA4LjM0NDg3IDEuNjc5NjkgNi44MTMxMUwxLjY3OTY5IDYuNzkzNTVaIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGVsbGlwc2UgY3g9IjcuNDM3NDUiIGN5PSI2LjkwNDQzIiByeD0iMS44NDU2NSIgcnk9IjEuODQ1NjUiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.phone::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjc0Mjc1IDIuNjU0NDZDMS45Nzk5OSAyLjI2MTY1IDMuMjg3MTIgMC44MzI4ODUgNC4yMTk5MSAwLjg3NjAxN0M0LjQ5ODc1IDAuODk5MTI0IDQuNzQ1MjMgMS4wNjc4IDQuOTQ1NSAxLjI2MzQ0QzUuNDA1MzUgMS43MTI0OCA2LjcyMTcyIDMuNDEwODIgNi43OTY0NCAzLjc2ODIxQzYuOTc4MjIgNC42NDQ3MiA1LjkzMzc1IDUuMTQ5OTkgNi4yNTM0IDYuMDMzNDNDNy4wNjgzNCA4LjAyNzU0IDguNDcyNTMgOS40MzE2NiAxMC40Njc1IDEwLjI0NThDMTEuMzUwMiAxMC41NjU0IDExLjg1NTUgOS41MjEgMTIuNzMyMSA5LjcwMzU1QzEzLjA4ODcgOS43NzgyNiAxNC43ODc5IDExLjA5NDYgMTUuMjM3IDExLjU1NDRDMTUuNDMxOSAxMS43NTM5IDE1LjYwMTMgMTIuMDAxMSAxNS42MjQ0IDEyLjI3OTlDMTUuNjU5MSAxMy4yNjIgMTQuMTQxNyAxNC41ODc1IDEzLjg0NTkgMTQuNzU3QzEzLjE0OCAxNS4yNTYxIDEyLjIzNzYgMTUuMjQ3NiAxMS4xMjc2IDE0LjczMTZDOC4wMzA0IDEzLjQ0MyAzLjA4MDY5IDguNTg2NzIgMS43NjgxNyA1LjM3MjU4QzEuMjY1OTYgNC4yNjg4NSAxLjIzMTI5IDMuMzUyMjggMS43NDI3NSAyLjY1NDQ2WiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
.url::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDQxNjMgNi43MzgwNUg0LjM0MTg3QzIuODE1NjIgNi43MzgwNSAxLjU3ODEzIDcuOTc1NTUgMS41NzgxMyA5LjUwMThMMS41NzgxMyAxMy4xNTgxQzEuNTc4MTIgMTQuNjgzNiAyLjgxNTYyIDE1LjkyMTEgNC4zNDE4NyAxNS45MjExSDEyLjY4OTRDMTQuMjE1NiAxNS45MjExIDE1LjQ1MzEgMTQuNjgzNiAxNS40NTMxIDEzLjE1ODFWOS40OTQzQzE1LjQ1MzEgNy45NzI1NSAxNC4yMTk0IDYuNzM4MDUgMTIuNjk3NiA2LjczODA1SDExLjk5MDQiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOC41MTU2MiAxLjY0MjkzVjEwLjY3MzciIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNi4zMzAwOCAzLjgzOTE0TDguNTE2MzMgMS42NDMxNEwxMC43MDMzIDMuODM5MTQiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}
.mail::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjQ1IDUuNzk1OUw5LjI1MDg5IDguMzcxNkM4LjY0NTQ3IDguODQ2MjYgNy43OTY4IDguODQ2MjYgNy4xOTEzOSA4LjM3MTZMMy45NjQ4NCA1Ljc5NTkiIHN0cm9rZT0iIzQ5NTA1NyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNjY1OSAxLjYyNTA2SDExLjczNjhDMTIuNzU2NCAxLjYzNjUgMTMuNzI2OCAyLjA2NzUxIDE0LjQyMiAyLjgxNzcxQzE1LjExNzIgMy41Njc5MiAxNS40NzY2IDQuNTcxODMgMTUuNDE2NSA1LjU5NTY1VjEwLjQ5MTZDMTUuNDc2NiAxMS41MTU0IDE1LjExNzIgMTIuNTE5MyAxNC40MjIgMTMuMjY5NUMxMy43MjY4IDE0LjAxOTcgMTIuNzU2NCAxNC40NTA3IDExLjczNjggMTQuNDYyMUg0LjY2NTlDMi40NzU5NyAxNC40NjIxIDEgMTIuNjgwNiAxIDEwLjQ5MTZWNS41OTU2NUMxIDMuNDA2NjUgMi40NzU5NyAxLjYyNTA2IDQuNjY1OSAxLjYyNTA2WiIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
}
}
}
.employment-services-form {
background-image: url('../img/hero/hero_12.webp');
background-position: center left;
background-repeat: no-repeat;
background-size: auto;
padding: 34px 0;
form {
padding: 26px;
background: #FFFFFF;
box-shadow: 0px 36px 44px rgba(0, 0, 0, 0.12);
border-radius: 10px;
.title {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #495057;
}
}
}
&.resettlement {
.application-banner {
background-color: rgba(255, 170, 89, 0.22);
padding: 40px 0;
}
.step {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #FF8C1C;
}
.list-data {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
li {
display: flex;
flex-direction: column;
flex: 1 50%;
padding: 15px;
span {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #ACB5BD;
margin-bottom: 8px;
}
strong {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #212429;
}
}
}
.back {
display: flex;
align-items: center;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #495057;
text-decoration: none;
width: fit-content;
width: -moz-fit-content;
&:hover {
color: #FF8C1C;
border-color: #FF8C1C;
}
&::before {
content: '';
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
transform: rotate(90deg);
margin-right: 6px;
}
}
.employment-services-form {
background-image: url('../img/hero/hero_12.webp');
background-position: center left;
background-repeat: no-repeat;
background-size: auto;
padding: 34px 0;
form {
padding: 26px;
background: #FFFFFF;
box-shadow: 0px 36px 44px rgba(0, 0, 0, 0.12);
border-radius: 10px;
.title {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #495057;
}
}
}
.resettlement-link {
&.link {
border-width: 1px;
box-sizing: border-box;
padding: 20px 24px 20px 0;
margin: 0;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
text-decoration: none;
display: block;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, .125);
&:last-child {
border-bottom: none;
}
&:hover {
color: #FF8C1C;
}
&::after {
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDcuNzI1NzFMMC43NSA3LjcyNTcxIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNzAwMiAxLjcwMTMxTDE1Ljc1MDIgNy43MjUzMUw5LjcwMDIgMTMuNzUwMyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 17px;
height: 15px;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
}
.list-group {
li {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
margin: 0;
padding: 0;
&:first-child a {
margin-top: 10px;
}
&:last-child a {
margin-bottom: 0;
}
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
text-decoration: none;
display: block;
margin: 20px 0;
position: relative;
&:hover {
color: #FF8C1C;
}
&::after {
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDcuNzI1NzFMMC43NSA3LjcyNTcxIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNzAwMiAxLjcwMTMxTDE1Ljc1MDIgNy43MjUzMUw5LjcwMDIgMTMuNzUwMyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 17px;
height: 15px;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
}
}
}
&.single {
.list-group {
li {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
margin: 0;
border-width: 1px;
box-sizing: border-box;
border-radius: 8px;
padding: 23px 24px;
margin: 8px 0;
&:first-child a {
margin-top: 0;
}
&:last-child a {
margin-bottom: 0;
}
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
text-decoration: none;
display: block;
position: relative;
margin: 0;
padding: 0 20px 0 0;
width: 100%;
&:hover {
color: #FF8C1C;
}
&::after {
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDcuNzI1NzFMMC43NSA3LjcyNTcxIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNzAwMiAxLjcwMTMxTDE1Ljc1MDIgNy43MjUzMUw5LjcwMDIgMTMuNzUwMyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 17px;
height: 15px;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
}
}
}
}
}
.legends {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
ul {
display: flex;
align-items: center;
justify-content: center;
li {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
color: #495057;
display: flex;
align-items: center;
position: relative;
& + li {
margin-left: 30px;
}
&::after {
content: '';
width: 80px;
height: 30px;
background-color: #495057;
margin-left: 30px;
display: flex;
}
&::before {
content: '';
width: 10px;
height: 1px;
background-color: #495057;
position: absolute;
right: 90px;
}
&.orange {
&::after {
background-color: #FF8C1C;
}
}
&.green {
&::after {
background-color: #44b46b;
}
}
&.blue {
&::after {
background-color: #2A87C4;
}
}
}
}
}
}
&.pea {
.company-box {
display: flex;
flex-direction: column;
text-align: center;
padding: 24px 20px;
background-color: #FFFFFF;
border: 1px solid #DDE2E5;
box-sizing: border-box;
border-radius: 8px;
.info {
position: relative;
display: flex;
flex-direction: column;
text-align: center;
img {
width: 71px;
height: 71px;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 8px;
}
a {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #212429;
text-decoration: none;
margin-bottom: 8px;
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
span {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #FF8C1C;
margin-bottom: 12px;
}
}
button {
padding: 12px 0;
margin-bottom: 8px;
}
}
.item {
.title {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 29px;
color: #212429;
margin-bottom: 0;
}
.info {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
li {
display: block;
float: left;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #ACB5BD;
& + li {
margin-left: 20px;
}
span {
color: #212429;
}
}
&.small li {
font-size: 14px;
line-height: 17px;
}
}
.text {
&,
p {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #495057;
}
.h5 {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #212429;
margin-bottom: 10px;
text-transform: none;
}
strong {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 24px;
color: #495057;
}
}
ul {
li {
display: flex;
align-items: center;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
text-decoration: none;
color: #495057;
&::before {
margin-right: 8px;
width: 17px;
height: 17px;
}
a {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
text-decoration: none;
color: #FF8C1C;
margin-left: 5px;
&:hover {
text-decoration: underline;
}
}
}
.phone::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI0Mjc1IDIuNjU0NEMxLjQ3OTk5IDIuMjYxNTkgMi43ODcxMiAwLjgzMjgyNCAzLjcxOTkxIDAuODc1OTU2QzMuOTk4NzUgMC44OTkwNjMgNC4yNDUyMyAxLjA2Nzc0IDQuNDQ1NSAxLjI2MzM4QzQuOTA1MzUgMS43MTI0MiA2LjIyMTcyIDMuNDEwNzYgNi4yOTY0NCAzLjc2ODE0QzYuNDc4MjIgNC42NDQ2NiA1LjQzMzc1IDUuMTQ5OTMgNS43NTM0IDYuMDMzMzdDNi41NjgzNCA4LjAyNzQ4IDcuOTcyNTMgOS40MzE2IDkuOTY3NTEgMTAuMjQ1N0MxMC44NTAyIDEwLjU2NTQgMTEuMzU1NSA5LjUyMDk0IDEyLjIzMjEgOS43MDM0OUMxMi41ODg3IDkuNzc4MiAxNC4yODc5IDExLjA5NDUgMTQuNzM3IDExLjU1NDNDMTQuOTMxOSAxMS43NTM4IDE1LjEwMTMgMTIuMDAxMSAxNS4xMjQ0IDEyLjI3OTlDMTUuMTU5MSAxMy4yNjE5IDEzLjY0MTcgMTQuNTg3NSAxMy4zNDU5IDE0Ljc1NjlDMTIuNjQ4IDE1LjI1NiAxMS43Mzc2IDE1LjI0NzYgMTAuNjI3NiAxNC43MzE1QzcuNTMwNCAxMy40NDI5IDIuNTgwNjkgOC41ODY2NiAxLjI2ODE3IDUuMzcyNTJDMC43NjU5NTYgNC4yNjg3OSAwLjczMTI5NSAzLjM1MjIyIDEuMjQyNzUgMi42NTQ0WiIgc3Ryb2tlPSIjRkY4QzFDIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
}
.mail::before {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjk1IDUuNzk1ODRMOS43NTA4OSA4LjM3MTU0QzkuMTQ1NDcgOC44NDYxOSA4LjI5NjggOC44NDYxOSA3LjY5MTM5IDguMzcxNTRMNC40NjQ4NCA1Ljc5NTg0IiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjE2NTkgMS42MjVIMTIuMjM2OEMxMy4yNTY0IDEuNjM2NDQgMTQuMjI2OCAyLjA2NzQ1IDE0LjkyMiAyLjgxNzY1QzE1LjYxNzIgMy41Njc4NiAxNS45NzY2IDQuNTcxNzcgMTUuOTE2NSA1LjU5NTU5VjEwLjQ5MTVDMTUuOTc2NiAxMS41MTUzIDE1LjYxNzIgMTIuNTE5MiAxNC45MjIgMTMuMjY5NEMxNC4yMjY4IDE0LjAxOTYgMTMuMjU2NCAxNC40NTA2IDEyLjIzNjggMTQuNDYyMUg1LjE2NTlDMi45NzU5NyAxNC40NjIxIDEuNSAxMi42ODA1IDEuNSAxMC40OTE1VjUuNTk1NTlDMS41IDMuNDA2NTkgMi45NzU5NyAxLjYyNSA1LjE2NTkgMS42MjVaIiBzdHJva2U9IiNGRjhDMUMiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
}
}
}
}
&.ojss {
.h3 {
color: #495057;
}
.item {
.label {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: #FF8C1C;
margin-bottom: 12px;
}
ul {
li {
display: flex;
flex-direction: column;
& + li {
margin-left: 30px;
}
strong {
font-family: Montserrat, sans-serif;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 39px;
letter-spacing: 0em;
}
span {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
}
.orange {
color: #FF8C1C;
}
&.logo {
width: 64px;
height: 64px;
border-radius: 50%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
}
}
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: #FF8C1C;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
p {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: #212429;
}
}
}
}
.filter-block {
background: #FFFFFF;
border: 1px solid #DDE2E5;
box-sizing: border-box;
box-shadow: 0px 4px 4px rgba(234, 234, 234, 0.17);
border-radius: 12px;
padding: 17px 12.5px;
.filter {
border-bottom: 1px solid #F1F1F1;
padding-bottom: 15px;
margin-bottom: 15px;
label {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
text-align: left;
color: #ACB5BD;
}
.content {
margin: 0;
}
.show-more {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 17px;
text-decoration-line: underline;
color: #FF8C1C;
background-color: transparent;
border-width: 0;
padding: 0;
&:focus,
&:active {
outline: none;
}
&.before {
display: flex;
align-items: center;
justify-content: center;
&::before {
content: attr(data-show);
}
}
}
&.all {
.show-more {
&::before {
content: attr(data-hide);
}
}
}
&:last-child {
border-bottom-width: 0;
padding-bottom: 0;
margin-bottom: 0;
}
&.hidden {
.content {
display: none;
}
.title {
&::after {
transform: rotate(180deg) translateY(50%);
}
}
}
.title {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #212429;
margin-bottom: 12px;
// cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
position: relative;
padding-right: 15px;
&.hide {
margin-bottom: 0;
&::after {
transform: rotate(180deg) translateY(50%);
}
}
&::after {
display: none;
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI1IDYuNjI1TDYuNSAxLjM3NUwxMS43NSA2LjYyNSIgc3Ryb2tlPSIjMjAwRTMyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
ul {
padding: 0 5px 0 0;
margin: 0;
overflow-y: auto;
max-height: 400px;
&::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
&::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
&::-webkit-scrollbar-thumb {
background-color: #FF8C1C;
border-radius: 6px;
}
li {
display: flex;
align-items: center;
&.hidden {
display: none;
}
& + li {
margin-top: 12px;
}
a {
display: flex;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212429;
text-decoration: none;
width: 100%;
word-break: normal;
span:not(.name) {
margin-left: auto;
color: #ACB5BD;
word-break: normal;
white-space: nowrap;
padding-left: 5px;
&.remove {
color: #212429;
font-size: 21px;
}
}
&:hover {
color: #FF8C1C;
}
}
label {
display: flex;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
align-items: center;
color: #212429;
cursor: pointer;
}
.form-check {
width: 100%;
min-height: auto;
line-height: normal;
input[type="checkbox"] {
margin-top: 0.2em;
&:checked + label {
color: #FF8C1C;
}
}
label {
display: flex;
align-items: start;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212429;
span.name {
word-break: break-word;
}
span:not(.name) {
margin-left: auto;
color: #ACB5BD;
white-space: nowrap;
padding-left: 5px;
}
}
}
&.active-el {
display: flex;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
text-decoration: none;
color: #FF8C1C;
width: 100%;
word-break: normal;
span:not(.name) {
margin-left: auto;
color: #ACB5BD;
word-break: normal;
white-space: nowrap;
padding-left: 5px;
&.remove {
color: #212429;
font-size: 21px;
cursor: pointer;
}
}
&.region {
background-color: #F5F5F6;
padding: 5px;
border-radius: 5px;
}
}
&.active {
color: #FF8C1C;
&.region {
background-color: #F5F5F6;
padding: 5px;
}
}
}
}
}
}
.scorebar-wrapper {
span {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 15px;
color: #4BC374;
display: block;
margin-bottom: 9px;
}
.scorebar {
width: 75%;
height: 5px;
background: #00000015;
position: relative;
.scorebar-status {
position: absolute;
top: 0;
left: 0;
background: #4BC374;
position: absolute;
height: 100%;
-webkit-transition: width 0.4s;
transition: width 0.4s;
}
&::after {
content: ' ';
position: absolute;
background-size: 10.2% 100%;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(88%, rgba(255,255,255,0)), color-stop(88%, #fff), to(#fff));
background-image: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 88%, #fff 88%, #fff 100%);
}
}
.scorebar-x(@value) {
margin-top: ~"@{value}px"
}
}
.skills-tags {
position: relative;
.field {
position: relative;
> input[type="text"] {
margin-bottom: 8px;
}
.autocomplete {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
border-radius: 5px;
display: none;
margin-top: 8px;
padding: 16px;
border: 1px solid #E1E8EE;
z-index: 3;
.scroll {
padding-right: 8px;
overflow-y: auto;
max-height: 240px;
&::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
&::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
&::-webkit-scrollbar-thumb {
background-color: #FF8C1C;
border-radius: 6px;
}
}
ul {
list-style: none;
padding: 0;
margin: 0;
li {
cursor: pointer;
padding: 8px 16px 8px 0px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #495057;
position: relative;
&.active, &:hover {
color: #FF8C1C;
}
&.active::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTM4My44NDEsMTcxLjgzOGMtNy44ODEtOC4zMS0yMS4wMi04LjY3Ni0yOS4zNDMtMC43NzVMMjIxLjk4NywyOTYuNzMybC02My4yMDQtNjQuODkzICAgIGMtOC4wMDUtOC4yMTMtMjEuMTMtOC4zOTMtMjkuMzUtMC4zODdjLTguMjEzLDcuOTk4LTguMzg2LDIxLjEzNy0wLjM4OCwyOS4zNWw3Ny40OTIsNzkuNTYxICAgIGM0LjA2MSw0LjE3Miw5LjQ1OCw2LjI3NSwxNC44NjksNi4yNzVjNS4xMzQsMCwxMC4yNjgtMS44OTYsMTQuMjg4LTUuNjk0bDE0Ny4zNzMtMTM5Ljc2MiAgICBDMzkxLjM4MywxOTMuMjk0LDM5MS43MzUsMTgwLjE1NSwzODMuODQxLDE3MS44Mzh6IiBmaWxsPSIjZmY4YzFjIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuODQsMCwwLDExNC44NCwwLDI1NnMxMTQuODQsMjU2LDI1NiwyNTZzMjU2LTExNC44NCwyNTYtMjU2UzM5Ny4xNiwwLDI1NiwweiBNMjU2LDQ3MC40ODcgICAgYy0xMTguMjY1LDAtMjE0LjQ4Ny05Ni4yMTQtMjE0LjQ4Ny0yMTQuNDg3YzAtMTE4LjI2NSw5Ni4yMjEtMjE0LjQ4NywyMTQuNDg3LTIxNC40ODdjMTE4LjI3MiwwLDIxNC40ODcsOTYuMjIxLDIxNC40ODcsMjE0LjQ4NyAgICBDNDcwLjQ4NywzNzQuMjcyLDM3NC4yNzIsNDcwLjQ4NywyNTYsNDcwLjQ4N3oiIGZpbGw9IiNmZjhjMWMiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 16px;
}
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
}
& + li {
border-top: 1px solid #E1E8EE;
}
}
}
}
}
.list {
display: flex;
flex-wrap: wrap;
.skill {
padding: 6px 30px 6px 11px;
background-color: #FFFFFF;
border: 1px solid #DDE2E5;
box-sizing: border-box;
box-shadow: 0px 2px 4px rgba(33, 36, 41, 0.05);
border-radius: 200px;
display: flex;
align-items: center;
width: fit-content;
width: -moz-fit-content;
margin: 6px 0;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 14px;
text-transform: uppercase;
color: #495057;
position: relative;
margin-right: 12px;
.remove {
cursor: pointer;
background-color: #DDE2E5;
width: 16px;
height: 16px;
border-radius: 50%;
margin-left: 8px;
color: #495057;
display: flex;
align-items: center;
justify-content: center;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
position: absolute;
top: 50%;
right: 6px;
transform: translateY(-50%);
}
}
}
}
.offcanvas-skills {
.field {
position: relative;
> input[type="text"] {
margin-bottom: 8px;
}
.autocomplete {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
border-radius: 5px;
display: none;
margin-top: 8px;
padding: 16px;
border: 1px solid #E1E8EE;
z-index: 3;
.scroll {
padding-right: 8px;
overflow-y: auto;
max-height: 240px;
&::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
&::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
&::-webkit-scrollbar-thumb {
background-color: #FF8C1C;
border-radius: 6px;
}
}
ul {
list-style: none;
padding: 0;
margin: 0;
li {
cursor: pointer;
padding: 8px 16px 8px 0px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 18px;
color: #495057;
position: relative;
&.active, &:hover {
color: #FF8C1C;
}
&.active::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPHBhdGggZD0iTTM4My44NDEsMTcxLjgzOGMtNy44ODEtOC4zMS0yMS4wMi04LjY3Ni0yOS4zNDMtMC43NzVMMjIxLjk4NywyOTYuNzMybC02My4yMDQtNjQuODkzICAgIGMtOC4wMDUtOC4yMTMtMjEuMTMtOC4zOTMtMjkuMzUtMC4zODdjLTguMjEzLDcuOTk4LTguMzg2LDIxLjEzNy0wLjM4OCwyOS4zNWw3Ny40OTIsNzkuNTYxICAgIGM0LjA2MSw0LjE3Miw5LjQ1OCw2LjI3NSwxNC44NjksNi4yNzVjNS4xMzQsMCwxMC4yNjgtMS44OTYsMTQuMjg4LTUuNjk0bDE0Ny4zNzMtMTM5Ljc2MiAgICBDMzkxLjM4MywxOTMuMjk0LDM5MS43MzUsMTgwLjE1NSwzODMuODQxLDE3MS44Mzh6IiBmaWxsPSIjZmY4YzFjIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIj48L3BhdGg+Cgk8L2c+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsMEMxMTQuODQsMCwwLDExNC44NCwwLDI1NnMxMTQuODQsMjU2LDI1NiwyNTZzMjU2LTExNC44NCwyNTYtMjU2UzM5Ny4xNiwwLDI1NiwweiBNMjU2LDQ3MC40ODcgICAgYy0xMTguMjY1LDAtMjE0LjQ4Ny05Ni4yMTQtMjE0LjQ4Ny0yMTQuNDg3YzAtMTE4LjI2NSw5Ni4yMjEtMjE0LjQ4NywyMTQuNDg3LTIxNC40ODdjMTE4LjI3MiwwLDIxNC40ODcsOTYuMjIxLDIxNC40ODcsMjE0LjQ4NyAgICBDNDcwLjQ4NywzNzQuMjcyLDM3NC4yNzIsNDcwLjQ4NywyNTYsNDcwLjQ4N3oiIGZpbGw9IiNmZjhjMWMiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiPjwvcGF0aD4KCTwvZz4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8L2c+CjxnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjwvZz4KPGcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPC9nPgo8L2c+PC9zdmc+');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
width: 16px;
height: 16px;
}
&:first-child {
padding-top: 0;
}
&:last-child {
padding-bottom: 0;
}
& + li {
border-top: 1px solid #E1E8EE;
}
}
}
}
}
}
.banner-counter {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #ACB5BD;
.h4 {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #000000;
}
.h5 {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #000000;
text-transform: capitalize;
}
p {
font-size: 14px;
}
.counter {
margin-top: 15px;
display: flex;
align-items: center;
justify-content: center;
.num {
border: 1px solid #ACB5BD;
box-sizing: border-box;
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
color: #495057;
font-size: 24px;
line-height: 24px;
width: 38px;
& + .num {
margin-left: 8px;
}
}
}
}
#aituBanner {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1100;
&::before {
content: '';
width: 72px;
height: 72px;
background-image: url('/_v2/assets/img/favicon.webp');
background-repeat: no-repeat;
background-size: 40px;
background-position: center;
background-color: #FFFFFF;
border-radius: 8px;
position: absolute;
top: -42px;
left: 24px;
z-index: 1103;
}
&::after {
content: '';
background-color: #0000004b;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1101;
}
& #aituBox {
z-index: 1102;
position: relative;
background: #FFFFFF;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding: 24px;
.h1 {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 32px;
color: #333333;
}
p {
line-height: 24px;
svg {
margin-bottom: -4px;
}
}
a {
background: #FF8C1C;
border-radius: 30px;
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #FFFFFF;
display: block;
padding: 12px 24px;
margin-top: 30px;
text-decoration: none;
}
.close {
color: #000000;
position: absolute;
top: 15px;
right: 22px;
opacity: 1;
font-size: 30px;
}
}
.close {
color: #000000;
position: absolute;
top: 15px;
right: 22px;
opacity: 1;
font-size: 30px;
background-color: transparent;
border-width: 0;
&:focus, &:active {
outline: none;
}
}
}
.blog {
.header {
background-color: #F9FAFB;
min-height: auto;
}
background-color: #F9FAFB;
.page-title {
margin-bottom: 46px;
.h1 {
font-family: Montserrat Alternates, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 34px;
letter-spacing: 0em;
color: #495057;
margin-bottom: 12px;
}
p {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
color: #495057;
}
}
.macy-grid {
width: 100%;
height: auto;
position: relative;
.macy-item {
background-color: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
border-radius: 8px;
height: fit-content;
width: 100%;
margin-bottom: 30px;
position: relative;
a::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.image {
img {
border-radius: 8px;
}
}
.info {
padding: 13.5px;
.title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: #212429;
margin-bottom: 7px;
}
.desc {
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
color: #ACB5BD;
}
}
&.first {
width: 100%;
position: relative;
.image {
position: relative;
&::after {
content: '';
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
border-radius: 8px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.info {
position: absolute;
bottom: 25px;
left: 16px;
right: 16px;
.title {
font-size: 21px;
line-height: 25px;
color: #FFFFFF;
}
.desc {
font-size: 16px;
line-height: 18px;
color: #FFFFFF;
}
}
}
}
}
&.article {
.page-head {
overflow: hidden;
min-height: 387px;
margin-bottom: 20px;
.image {
position: relative;
min-height: 387px;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
border-radius: 24px;
margin-bottom: 20px;
&::after {
content: '';
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
border-radius: 24px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.content {
position: relative;
z-index: 10;
margin: 0;
.title {
font-family: Montserrat Alternates, sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 30px;
letter-spacing: 0em;
color: #262652;
margin-bottom: 20px;
}
.desc {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 20px;
letter-spacing: 0em;
color: #262652;
margin-bottom: 20px;
}
.breadcrumbs {
display: flex;
flex-direction: row;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 17px;
letter-spacing: 0em;
color: #FFFFFF;
a {
display: flex;
align-items: center;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 17px;
letter-spacing: 0em;
color: #FFFFFF;
text-decoration: none;
&::after {
content: url("data:image/svg+xml;utf8,");
margin-left: 15px;
margin-right: 15px;
}
}
}
}
}
.text {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #111827;
margin-bottom: 35px;
blockquote {
font-family: Montserrat, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 34px;
letter-spacing: 0em;
color: #6B7280;
position: relative;
padding-left: 67px;
padding-top: 38px;
margin-top: 35px;
margin-bottom: 35px;
&::before {
content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABICAYAAABP0VPJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABTNSURBVHgB7Vt7sF5XVV/rnPN9371JmnepldJcbSgiHRqYtjCMToNUbYVOGzSKOpqiVEpFCGU6QwcltzAjf2mJL9RS0oCgU3WSlkIG25BboI5S66RSKpVQgkDpQ9qbd+79vrOXa+219uOc++XmJrlpyww7Od/ZZ+999uO313ufC/Cj9KM0W0J4ASXads0YYHcbEN6O6/5mM5zGRLec935AvBJG3S/i2x/bF8oLeIEk2nbtGgZjFxDw3V0NpzHRn7/8o1BU7+PrFbC/syqvq+AFkGjb29bybm3j7FJPswRb4TQk+rPVi6Ec+Stw9EYoigGQ+1+88ev/lbd53gGhO9+xgSd2uz3xf5LMbpjnZGBsZ3Z8JfPFwBe66ovtds8ry9Cd121qgCEJ8Vu47tZ5BYT+8oKXQOeMnYCdV0BZMhhVzezCV/HldtvnjUI8GADjzCLE/9Dj4UU83QfzmOjW15wDtbuDyeFs7r/vCwtEvwHd/v3t9s8LIPSZ6zcxH49HqpAU9B25O2GeEn38NT/NzPG3TAlnM6vUrbEewWsf/G77neccELrr+i0MxjUNMCiwi2TqCZiHRJ947cthqvgUL34xP9YeBBXY1gDuH/becwYIbdu4FMo+2xhubShiIHSakTrgPlx3+yScYqLbLl0Hffd+lpALuc9BHEPZUiEp6Z5h7z4ngNC268agEjDoQvDs68CD4fO2Zf6Gpyw/aMulvwUObwIswYPRVhtYCCUewLfu+vdh7592QDwYZSkG15guOkpPA4MgldMEnEKij1/2Du76eiiNKlrVEJmG/u1YfZxWQJhNGIz+Ls6O+XmIjPAaJTKyTlKnOYnrPjYBJ5lo6+Vv59/f42vQEBYR/8QzLGB3Hquf0wYIffb6NVDX25gtmDJc4F7dtThfU38K0EmzC33ycrZnijeBCM+Cu3RBSMuIPIY8e/Vu4xX1A8fq67QAQp9551qeIIPhltrMDAihEEXCWAQilRTedD+xce5Yvwj6U+/h3OX8OFAhXWTmpvTNYxekwsqLcPw+/ubnvn+sPucdELr7XRv4drufi1+qLVjnhnGePnlcmGX42RUnRCEejMHgL6AoV4NQhvaLOp4h4p/BeVBUo0nhf8zW77wCQjs2boLaG1yUKVNNnk2MIjAqvyBXHsJ1f70X5pjo079+Frjpzd7gEjCIEUVqjuisbyzRP4S6ws0K/LwBomCIKW5sETgjsYdJNOPjIGD9y27O1OHBqOhP2ZA4E4RNPHlRZvoLdRgAaHmqRMWTolTM6ifNCyC04wY1xaMWiTVZo1yA5rYHt69xO8wh0T/82nlQIQtQXMkLG2RVmHtDDIQZffJYJGrF4iH8lU8fnG2MUwaEdrx3Cw9+jT4AZk5J3srYJC8DDADi+uOrW/qn3/hJlhcfZuAX8cJq3W1JRgXapVKLz1p5wXcX6oeb63k6aUC8KT5SiSl+acMXSVokCdP0DH7CuU8xB2OMtm14A8P2NmbJETO6IApOzwWFClAvS9CAlnuh97Ig5Vb65vHGOilAPBijnV28W2t8QW6CA6JtFDapRCu1AzKS9mw9q3dLd137Jt7h3/UAlM481kLNf/RlYdgGf0ZCjQRLT+HVW74Kx0knDAjteN8Yr4JNcRpr7rTOqiFAKRhEgFkACKIw9fYHTBxzrG3X/Sr3sZ5tlJrB57ey6UpMw2uSagbqnkoo509uWFZ7YA7phADxYCDt4uwqSLIxVynB+MBkJhtPR6HqgijlSbu9uO62oVKfPvvOX2bKeLOZ4kz2sQaM/ElZxUFGokmGYZKxSl3wFZhDmjMgCgaYX4KZXYHB4IEIRtAkgYKiE5d0sT4UE0PHuvsP3szN1/lwn5cRmTneTmUJxnqavD3CMiO0TzL3EZhDmhMgHowCGQxmk3yBkR0CcWCYeUYtVk+5P+FCHzPkB31+49UsPK/iXO3fC2a43EVOBNkTNEooK5p2ILcPjiNBid/BK255GuYLECZN8TPGfB7NPyCKIjLufFhwkG8uIBE1Sy5osR0do8/f8DpueqXXJMmOaxpebULROKyNC5DaZSyD+DWYYzouIHTPH93CfKrahDLt0RCO0dBK29T2bCl2EOTKRB4do3tvWsHjrGcCCxEuUnI3+YDhngaAbDgvY5y9KZVB5khZWf4nzAcgtPMDYoFujKyBGfunVpTZYpk1Cpl5HuUJJkGctAv96/hyODK1kT3kntcoOTl4lkFjN2rxhbUJKreMU0pszKyEl/3x/8CpAkI7xsd4x8b1AbHheyTCVd8kOWqpzi9e6lxYDGTaCJkp7ouDHe5fwWcmS5RVGloDGpZosD6jvxK8WpcmHtkq+DE4J3ULxwMEuqxRKFs/5SRrej4KVUg8S9g20VuU4dlmH66/bcIXTHzwYj43uQi81wrqh+jCtHcvMCsINMospONg5qNwxNhrF0kxOCTClsmjU53QoddQQGjXh5hV6jGbGEQpRZFGIUaiQsJMuMYyQ8a1hKlTdqEvfXgZmxmX8YL6uqCMGpz1VAYT3fySIqOGQCz5e0XRrET8BpxAmgGIZxUnrIItqRUfw+KiZE0pf85ZLBe6nrKW0t9fM8Yhxos5XrFY/F2vSWRM74xJlEsAMNngnz1lUIyIOaGcHIxS20eOKiVSJpskMZNjRsjaCWcAsnN8C5PjBos2kR9YLUyIdwqCM+SDXcEkk9phqnNK+l5V849zCkzvjC/DknO+eOzphdWZVeoIZ7bJvV15lEFKNeuj7KFJ6Pc+hq9/z3HPfBoD0Bc+KJ7rBDSEprCCS9anLDoHKV4BtDxP7ToFzMuUQOI4CcvO2wrdBZMpBBgmhEoFZMZXDPLkk8Zmec5GQSuFsKJzE/izN07AnAHZOc4GGF7lyxuHSAQNACC4+c52zRloLXBCHgOIzmITlDRDaLvorO2w7NwHZ6rWVooEETQNJus3KqFGDKS1YnwCVhafwJe+a2podQRDZEcXvzW8l2CFhx2OIGi+wRZGJS4HKWevGpq+TXZfsPJzsPL89ImCePulaK1C+woayMeUzehAZ55tCbFNo21IFjnQOMkTsMJ9ahgo6aCvW2yCYyaEqG6xMOpBNHOZTM7mVhtlwhVS4MiZAm6BEa6DT/4S7H98Ffdfs3VZQ6fDR5FV3+cLdvSk3F+V3stC6+VZ8pW1qfg9eSe0ie9U2k9ZrIDJzrphK81OPmltVk6tO6iEz5QIIkRgwnO0UyjzJyCBJXdnfkkOSi60n33st2H6wBnc3yAuwuHAe77+6qS741CihBNjXj6GEVA8MNoOJYIU3rNL3kH8cXrg1rUwDBC6Z1wqxqBBEtkyQpnwq7cOCwMgGElACSV7M/dr+GxCLSZHCQBqyppQ5gYj8OTX3mJf+QzkmA06Xf3qJ5TJLsu9U2pe2pRW7+/8XNg7Rafv3y8LLfeXtPGgXUi7t754BiD8u6EZgjMAgs1ImVGFkMAIvk08mYMUdU+7r0IvgJRroGFyRHqZPrQaJvf+hO5yJZ5vbTve13xHKYPsknJPKZVQlVKHlIe81DlMddKu7Gg9uYtnAkK4puWwJQCy9arGEJM5o4xQl4ORG2fO7A8vhKkJRG7T5GpaCp557Aq/22gUUnaV/OVeGlvIomI5UwIGtuoq9XSMZcrQ1vryLCUAepDOokc+eXZYcOW1C0Jy78NiY94WSBB8LpXgKIspLPZhfoOdGiY8TeXmRhq0tE6kDjA/xF9CJefD03tWw8qXPaqsStjYr/BUmA3irVnZAGwyehH9rkDM5APTDlN/g/JVYNZsAR0BwyaStWmAkdiDDLigbUhZLWOZhjwmSGxidkgAxgVQXLrn8kSu/d99pZI/o49BgFZN0pc6zx4YhGViE7kK6GtbYzlxE4TlfD/WHtyL6OE7up5CwH85jGmnMPNh2s8NQ84LWIy7HYRLrkFcbqO4lvzIDDfIL0ge6+EfvBqq7t+xz2OxU7M//JmtDFga05tNIpRQ8Rx8e2teWJva7JCym/oJ70qdK87hh8cqLrwwrjXsMxgboDlz1KIeHR2TlhGt41JREKoKQDDQkqGWrF4zybP2kbpk3v2VcGT/CPSWHlT/rUg2WV0aDllZZYurpIwnXHGHtfhNBcXYCfp3OYpv5rwni0LeXaoUwp6nflCCkGnYELj1EQnIKSPGUq1InS6lloZtJqpWkHdm1dao5nRu0VJTI7UBkfR///1SWPUz6ROGyhpV2Q4Fn12+QhVKKr2MU0EYwFHwdE6+Pc+3JvKWsLQb4GLtSr79il3H7c2PG3P2gUyrRC3pPznAmqL1EmSGAOBN9dp8C2cAETQ0Sgw9QtOgk4L+kVG2JQYZmbPgrG0SRhGFBIhqjGYm2UYFvumUiWXSAU/DLGUhOxKwHbMFtr4ozshgho1i56gxGo7Kq7WdBXihKSAM9Go7fsEzDZ6vmvYJ+FxLTR9aqRZo0B6y+9miquCFVsoakHDQvIGBXb/q5AaZ/yMspd31DBATmmQBGsyDOmi7bnUZXSgVFQqKB02oJMQxBYi+XjTQ+IdrGWMao7WtyNklDW6estPAc0Etg0jzZXDiKll4Urk5tXR6pHUmSHPAirJxr+KCdP1hxymyjQtxiHg2gtEoyxch2bLDO8qZwVG9PHXUSXhG9rB+E49gJr/sh3SMQX8USExyalEphv5SKjLK8cQ/SHPzdfIOs1d/kJq0klFIfloevrHIgjJBE0TTJPBJGC28y4NOHyA4ug8NCGWXCBqlD1tytjhWUllwgGVAn4Ue6hrFRSkJGgGbWhcKNTbfrrJ5DhQfkZrdDvp+iipWBWHNWoa+zetfBdE8jd5oWLCBFViGopiFPBfAfOph9BqmHEUPEGaOYDzKjAhm3aTuIG9ATgwvB11ZMM+8W0HafdS8yK6yFE3Bj7ZIYRGhqoE1l59u1nN3JOVL0YBggDiY5H5XmTrFxlwDlTRQj4fZyToNJr1Qw+AQwfRBhC5rsaornzCg1wL+xMjAIYThVjFktGOsUy18nPvoK5Bhs5n6eh09zRvYRnjZ0E2U1+EyUbcCpJcfopM7BgBpXSjrSrixPmiwwW5ezJoGq7SpJMgXBShfiBpb+e7WvE39I+All6hHkSsicIWHo+ANxpwtPGAeuaBIlNhb8jjbCiYCbUHdTpTPSXj2hQWEimzOaPFpi7qVo47ZBH0fvm3or6PCv1wwrYAQPaQh/kxuNCYHmW5pfw4FSSWH40NhExGm9VQy9vyHLqZuPRDFTFbylBeIIDMQz73k69579fPnyfcPwxDWMhBZ43SML/qh3PORCt9SDq64z34PUyNBhim57541QHAiio8Gc1AmYIN+yQVwTkkA0fkrjTJE3dZ9XWHJWqYmpQ6V9mo2k7FROLlXEaXviGFV9h6Epec/GwPtU0IobC507Ksh5MXKvvpnBqLPzyFK2jUKmC40T9ymL74XlzEH6nsLyPfh51juV1h/YVxYZjLtcnvXQScZv83I6iwXf/1i/IeypCpXrr5altEmGajA86DVasAF1ZzHTKR84ZlfYNN7oFdvEPPElcQxU9drPkubUbuc1Dstk7y08eW1hBu1jZRJvu5M44suiDJExt/M0HwAkneWU4FuHWWqOVfVzc8ewmdO6sz5b+QKTAafUQLq2jVMG0SXWbmeYoziXnzJvT5W2uUtnp5W4Sc722USn57W9t3F5AvlWcoDxcrJnW/Mc+j2jOr5nziA02aXexeA+x64eIBV2e9HmCzfzU2WRv7FFktAZKX0YXauMaOMUdMW4lGFUIMdRVKjMSSrtWh2JmNXow/AT135HRag2tiNCrWpByu+iStV04iameIxqlKpSueOsJDrpkbNIOc0Na3tp7iPhSZnOlwvLPa9fU+F5enXF68fn+S5b276LDRMeAYgElWkhlYXzBnKPF3zY9RytWcz3CBzAFOQCOHc136IQenDUV6lXF0hf37uShReAswLmOS7Do7yC92FtT5znVxV0dc2fLnKWIrLpa2EFaXMs47cD03iRRf1mxQSqYQk2LzK5EPTSg2UgZkmogyW8L0XWEBZo+x67FDYQpVQA4jWR6AQTGzXW/zPcMmND6sfYrvuxJA6Ct6Jo06i0I45kH7HRWCPaPkIdzzFEtV/E7uQ646mOp+43xEWtEsu+AFkKTrASiXw1qYhFs5wE50ANOqhQUHBcw1UFOIinhLqZLO4ED2rMwoJx5zF92Ds5/7EC0R/dWsm9QH0eEflXssZjJTX4a5t5N6zOml7WCjnjL7WSdniVCeXlI/0nkUfQhwCiF/Tz49P8MLGoZHy9VNi9aYAyb4ODKBQ+KsIA8HiI3UMGCkAjeAQP5/5snfD6zZ+G0bY9nDshcmdekzybJ7KXZ79FfJL+OrrPdRLW3mXDqT2IR/6Wr7wIOKK/dBKRbsA37DpZp7fzTFQo7YTNQAgSKo5Wp2YK2FoCk6LlAXjrBFxD3JDSHjZH8Ibt3zJ7/aCEVk0g8JemBuRS8v8c/vidr5OqEWeV9i7vUHsa8GK1H6wjEXpkqGfRhTDCplSxnnON9uRQlp4Uztgyjd8oBBowrTzlL4PaQafIQaNFi7/fXjLP35U2WBUjJUBLBrVy03WsGikH8sc77C/L6j9tcjaOytbVFudUYrU+Xp+7vemYfFiYRUaunaYJdG9N7OQhVt4wsug7ZWGrwLVnwn2A8Kj2wGe/qqG9cRIE1NebBO9a5nEaoNfg8Velni/Azfc/xWTiik9w9fy1qTysmey8rws/9Zd8suCD3K4j/iSIzBLKmarxMs2bWX34NWc3TrDI21YseHjFBcPMpsUlMmJxicU9BE4sP9V+N5v7kL8sUO8KnZUljMlLB/Ak33mc7vLJWVyLbe7XH1pY+3A2i1fXrORpu2kbhnn4ai0P3Q8MHRpc0z+QBxhE2fXNgCJTqCF9R69M6MQNN/FqALK4M9sZwt0M970xMSMcXy/E/zSWtPFs6Q9ewBWr+Z+93LbsWEs4NUc+HO64SzSTnMGJI6wa3yMNcVVvKqrQT6haPs937iL4MmHQEHwASJx5PYxi+xmE2I7mxJbcXxyTn/fr+A0qDjMl1plM+xpueYKAgwZ4KQT/cs4x1LY5C/qMd6HMdhzN8ETuwUAXjROyh/94fjRvfBDkv4fk4fAYaIWyj0AAAAASUVORK5CYII=");
position: absolute;
top: 0;
left: 0;
}
}
.question {
font-family: Montserrat Alternates, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
color: #111827;
margin-top: 35px;
margin-bottom: 35px;
padding-left: 40px;
position: relative;
a {
font-family: Montserrat Alternates, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 34px;
letter-spacing: 0em;
color: #FF8C1C;
text-decoration: underline;
&:hover {
text-decoration: none;
}
}
&::before {
content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAOMSURBVHgBtZbPahRBEMarZnYXBcH1CVxv3swbJOQFJKCIiCQ5ePKQ9ZKbZhYfIOhZcA8iejKC4EXJ5g2Sgxcvbg6CCCII0U12usvqquqZSbJryAQbeuffdv3qq/66ZxBOaPSm24bzrSUgugbg58D7NpB0vvTbQPkQCN8CjAa40B+eFA+ng7I2XMhXOHBXAcQAx08cKcwFII8XMA/ga6Q+jHwPb08HTwTSh94iJLTOgS5xINKAHDyCKHZfSYI0ARJ4hjdf9CbFTo7BNntrnEafc2nr4wQBEYvc0I5kPTTPD4kUBj7czej1nfUTgbT5eI0HZxYQlYHalUklpaDqvXBA/vEGRrdCr249nwqkj9kSlySDQxEjKCnBEMGgaqSEZOU1GFkC4Bfp5Y1uFSga6H3WgRZu8mkHJjUJkhO4HMHnR86DefLSOJKEUziQ3j/wV3B5Y1gqbMGawIgm8lgh6VwmQTFJuWNJ1VBkRuJEHBaKZU75vElFaVHUNeFLMV8SkDSgzAuWKoMSN+Z+YH0c1NrRmYPFOLGkGkt0+Bm8+24nYXVzkS3pBPujnQuMSpWqsGIep+UtYLZEfIT6Son9QgjT4H79+JyRyT1ywFQNJFmHwE7n0Y+hgMhmYKXWvPQaaVaBxHOHMaQlnpiwoIQqxHCWNFSlwGJ5cyh2nGKZSDyU63DuaSYqnNGqUen86J3CQ6SqwsOkoankfwDGv1nlGAs1Uj7JhoQFVikUM7Tp2fzlBmebaSao4aOdE6xatnwe2t63Odj7Pns4qUPJYlEjsCpR+ZdTN3pyNQO//whaFxHSFieXlpuDulqXUWRinKC004BajZ05+qVhGucB0qbNrTgZpVe3RFIq3tvarQcMc+bZLPnIbgTHNpGhtjlU1MoSCwnAdvhnTWBwnVOHJqwq5+vEdpewdFLbmSgxobKhbdUHJmCbdoCOo6HMbOxQl5RrVsCSTP9sCnUHUaXosDCHY5eLiUDz0IoO8P7OGUoqMND1h6Y0rCbHk5ZIQvZasLf0fnM5jqwJNIVKYcMEUzAhDZ8a9pzCDpOGRd/DB5+GZwWC7CjyHcPQlEylsLS8Xr4YBtj9nFWH1QVSUa64UQeRQSk6MxW7MqWFowPrutSw9k2DMmlWZgjgp7i62/3X0NM1mbMCivotI0q32DjzuPq1O21oXZeCvR1+slN2GcYg2sCHPwbwPxpl0KbsXAdqtL/AEzZJCtXzQQAAAABJRU5ErkJggg==');
position: absolute;
top: 0;
left: 0;
}
}
.image-holder {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #6B7280;
margin-top: 35px;
margin-bottom: 35px;
span {
color: #FF8C1C;
}
}
img {
width: 100%;
max-width: 100%;
}
strong {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0em;
color: #111827;
}
p {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #111827;
& + p:not(.image-holder) {
margin-top: 25px;
}
}
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
color: #FF8C1C;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
.last-content {
.title {
font-family: Montserrat, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px;
letter-spacing: 0em;
color: #111827;
margin-bottom: 18px;
}
.content {
margin: 0;
position: relative;
a::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.image {
position: relative;
margin-bottom: 8px;
img {
border-radius: 6px;
}
.created {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 8px;
text-align: center;
color: #FFFFFF;
background: rgba(196, 196, 196, 0.2);
backdrop-filter: blur(10px);
border-radius: 5px 1px;
padding: 4px 5px;
position: absolute;
left: 6px;
bottom: 6px;
}
}
.title {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
letter-spacing: 0em;
color: #111827;
}
& + .content {
margin-top: 28px;
}
&:hover {
.title {
color: #FF8C1C;
}
}
}
}
.read-more {
.title {
font-family: Montserrat, sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 20px;
letter-spacing: 0em;
color: #111827;
margin-bottom: 18px;
}
.row {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
> div {
margin: 0 0 16px;
}
.content {
margin: 0;
position: relative;
.image {
position: relative;
margin-bottom: 8px;
max-height: 120px;
overflow: hidden;
img {
max-width: 100%;
border-radius: 6px;
}
.created {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 8px;
text-align: center;
color: #FFFFFF;
background: rgba(196, 196, 196, 0.2);
backdrop-filter: blur(10px);
border-radius: 5px 1px;
padding: 4px 5px;
position: absolute;
left: 6px;
bottom: 6px;
}
}
.title {
font-family: Montserrat, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 15px;
letter-spacing: 0em;
color: #111827;
}
a::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
&:hover {
.title {
color: #FF8C1C;
}
}
}
}
}
.share-box {
border: 1px solid #E5E7EB;
box-sizing: border-box;
border-radius: 12px;
margin-bottom: 45px;
padding: 22px;
strong {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: #111827;
margin-bottom: 20px;
display: block;
}
.subscribe {
display: flex;
align-items: center;
input {
background: #FFFFFF;
border: 1px solid #F2F2F2;
box-sizing: border-box;
border-radius: 5px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 20px;
color: #141414;
padding: 8px 16px;
&::placeholder {
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 20px;
color: #141414;
opacity: 0.3;
}
}
button {
background: #FF8C1C;
border-radius: 5px;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
color: #FFFFFF;
display: block;
width: 144px;
height: 35px;
padding: 8px 24px;
margin-left: 6px;
}
}
}
}
}
.socializer {
display: flex;
> span {
background-color: #1877F2;
border-radius: 1000px;
padding: 8px 14px;
display: flex;
align-items: center;
& + span {
margin-left: 4px;
}
a {
font-family: Montserrat, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 18px;
letter-spacing: 0em;
color: #FFFFFF;
text-decoration: none;
display: flex;
align-items: center;
&:hover {
text-decoration: none;
}
}
}
.sr-facebook {
a::before {
content: url('data:image/svg+xml;utf8,');
margin-right: 8px;
width: 7px;
height: 14px;
}
}
.sr-vkontakte {
background-color: #4C6C91;
a::before {
content: url('data:image/svg+xml;utf8,');
margin-right: 8px;
display: inline-table;
width: 13px;
height: 8px;
}
}
.sr-twitter {
background-color: #55ACEE;
a::before {
content: url('data:image/svg+xml;utf8,');
margin-right: 8px;
width: 16px;
height: 13px;
}
}
}
.disabilities {
.list-empty {
display: flex;
flex-direction: column;
align-items: center;
}
.disabilities-link {
&.single {
.list-group {
li {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
margin: 0;
border-width: 1px;
box-sizing: border-box;
border-radius: 8px;
padding: 23px 24px;
margin: 8px 0;
&:first-child a {
margin-top: 0;
}
&:last-child a {
margin-bottom: 0;
}
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px;
letter-spacing: 0em;
text-align: left;
color: #495057;
text-decoration: none;
display: flex;
flex-direction: column;
position: relative;
margin: 0;
padding: 0 20px 0 0;
small {
color: #FF8C1C;
margin-top: 8px;
}
&:hover {
color: #FF8C1C;
}
&::after {
content: '';
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1Ljc1IDcuNzI1NzFMMC43NSA3LjcyNTcxIiBzdHJva2U9IiM0OTUwNTciIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTkuNzAwMiAxLjcwMTMxTDE1Ljc1MDIgNy43MjUzMUw5LjcwMDIgMTMuNzUwMyIgc3Ryb2tlPSIjNDk1MDU3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 17px;
height: 15px;
display: block;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
}
}
}
}
}
.list-group-item {
display: block;
cursor: pointer;
&:hover {
color: #FF8C1C;
}
&::after {
content: '';
}
}
}
.job-fair {
.banner_jobfire {
padding: 24px;
background-color: rgba(253, 191, 15);
color: #000000;
}
.tanda-icon {
display: flex;
align-items: center;
&::before {
content: '';
background-image: url('../img/job-fair/icon.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
min-width: 48px;
height: 48px;
margin-right: 8px;
}
}
.single-line {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
& + .single-line {
margin-top: 15px;
}
.label {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
padding-right: 15px;
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 20px;
color: #212429;
small {
font-weight: 500;
font-size: 14px;
text-transform: lowercase;
color: #ACB5BD;
}
}
.value {
display: flex;
flex-direction: column;
flex-basis: 100%;
flex: 1;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
li {
margin-right: 0;
white-space: normal;
a {
font-family: Montserrat, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
color: #FF8C1C;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
p + p {
margin-top: 15px;
}
}
ul {
margin-bottom: 0;
li {
font-size: 16px;
}
}
}
.nav-tabs .nav-item .nav-link.active {
color: #FF8C1C;
}
.nav-tabs .nav-item .nav-link {
color: #000000;
&:hover {
color: #FF8C1C
}
}
.hero-home {
overflow: hidden;
.hero-content {
h1 {
font-family: 'Montserrat Alternates', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 50px;
line-height: 54px;
color: #FFFFFF;
}
.h1 {
font-family: 'Inter', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 50px;
line-height: 54px;
color: #FFFFFF;
text-transform: uppercase;
}
h5 {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
text-transform: none;
a {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 22px;
letter-spacing: 0;
text-transform: none;
text-decoration: none;
color: #FFFFFF;
&:hover {
text-decoration: underline;
}
}
}
}
&::before {
background-image: url('../../../_v2/assets/img/hero/hero_14.webp');
background-position: center;
}
}
.application-banner {
background-color: rgba(253, 191, 15);
padding: 40px 0;
.h3 {
font-family: 'Montserrat Alternates', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 28px;
line-height: 34px;
color: #000000;
}
}
a {
font-size: 16px;
}
p {
font-size: 16px;
& + p {
margin-top: 8px;
}
}
.bg-light-orange {
padding: 40px 0;
background-color: rgba(255, 170, 89, 0.22);
}
.content {
margin: 40px 0;
.h3 {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 34px;
color: #212429;
margin-bottom: 30px;
}
.content-half-text {
width: 100%;
@media (min-width: 992px) {
width: 50%;
}
.h3 {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 21px;
line-height: 28px;
color: #212429;
margin-bottom: 30px;
@media (min-width: 992px) {
font-size: 28px;
line-height: 34px;
}
}
}
.content-image {
position: relative;
display: none;
@media (min-width: 992px) {
display: block;
}
img, iframe {
position: relative;
z-index: 2;
max-width: 270px;
@media (min-width: 992px) {
max-width: 320px;
}
}
.youtube-play {
width: 280px;
height: 280px;
display: flex;
align-items: center;
justify-content: center;
}
iframe {
width: 380px;
height: 380px;
border-width: 0;
border-radius: 8px;
justify-content: center;
}
&.content-image-top {
padding-top: 50px;
width: 320px;
height: 320px;
display: flex;
align-items: center;
justify-content: center;
@media (min-width: 992px) {
width: 340px;
height: 340px;
}
&::before {
content: '';
position: absolute;
top: 0;
right: 50%;
transform: translateX(50%);
z-index: 1;
background-image: url('/_v2/assets/img/employment-services/ellipse_big.webp');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 320px;
height: 320px;
@media (min-width: 992px) {
width: 380px;
height: 380px;
}
}
}
}
}
.section {
padding: 60px 0;
.title {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 28px;
line-height: 34px;
color: #212429;
margin-bottom: 30px;
}
}
}
.modal-right-canvas {
width: auto;
right: -999px;
left: auto;
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
opacity: 0;
.form-control:not([type="file"]) {
background-color: #FFFFFF;
border: 1px solid #ACB5BD;
box-sizing: border-box;
border-radius: 8px;
padding: 12px 18px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, color 0.15s ease-in-out;
}
.form-control:not([type="file"]):not([readonly]):focus {
background-color: #FFFFFF;
color: #FF8C1C;
border: 1px solid #FF8C1C;
box-sizing: border-box;
box-shadow: 0px 1px 1px rgb(51 154 240 / 10%);
border-radius: 8px;
}
.modal-dialog {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
height: 100%;
.modal-content {
border-radius: 0;
height: 100%;
padding: 24px 32px;
.modal-header {
padding-top: 0;
padding-left: 0;
padding-right: 0;
border-bottom-width: 0;
.modal-title {
font-family: Montserrat Alternates, sans-serif;
font-style: normal;
font-weight: bold;
font-size: 21px;
line-height: 26px;
color: #212429;
}
}
.modal-body {
padding: 0 8px 0 0;
&::-webkit-scrollbar {
width: 5px;
height: 5px;
}
&::-webkit-scrollbar-track {
background-color: #F0F5FF;
margin-left: 48px;
margin-right: 48px;
}
&::-webkit-scrollbar-thumb {
background-color: #6B7280;
border-radius: 4px;
}
}
.modal-footer {
padding: 15px 0 0;
}
}
}
&[style*="display: block;"] {
right: 0;
opacity: 1;
-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
-o-transition: opacity 0.3s linear, right 0.3s ease-out;
transition: opacity 0.3s linear, right 0.3s ease-out;
}
}
.content-search-vacancy {
&.loading {
.favourite {
&::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background-image: none;
background-color: #d8d8d8;
}
&::after {
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
transform: translateX(-100px);
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
animation: loading 0.8s infinite;
}
}
.title, .subtitle, .profobl, .price, .list-unstyled, .forwhom, .right-content {
position: relative;
&::before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #d8d8d8;
}
&::after {
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
transform: translateX(-100px);
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
animation: loading 0.8s infinite;
}
}
}
}
@keyframes loading {
100% {
transform: translateX(100%);
}
}
.recommend-resume-list, .recommend-vacancy-list {
margin-top: 24px;
.icon-like::before{
content: '';
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23b9b9b9' d='M2 16h5v14H2zm21 14H9V15.197l3.042-4.563l.845-5.917A2.01 2.01 0 0 1 14.867 3H15a3.003 3.003 0 0 1 3 3v6h8a4.005 4.005 0 0 1 4 4v7a7.008 7.008 0 0 1-7 7z'/%3E%3C/svg%3E");
width: 26px;
height: 26px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.icon-dislike::before{
content: '';
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23b9b9b9' d='M2 2h5v14H2zm21 0H9v14.803l3.042 4.563l.845 5.917A2.01 2.01 0 0 0 14.867 29H15a3.003 3.003 0 0 0 3-3v-6h8a4.005 4.005 0 0 0 4-4V9a7.008 7.008 0 0 0-7-7z'/%3E%3C/svg%3E");
width: 26px;
height: 26px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.icon-like:hover::before{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FF8C1C' d='M2 16h5v14H2zm21 14H9V15.197l3.042-4.563l.845-5.917A2.01 2.01 0 0 1 14.867 3H15a3.003 3.003 0 0 1 3 3v6h8a4.005 4.005 0 0 1 4 4v7a7.008 7.008 0 0 1-7 7z'/%3E%3C/svg%3E") !important;
width: 26px;
height: 26px;
background-position: center;
background-size: contain !important;
background-repeat: no-repeat;
content: '';
}
.icon-like:has(input:checked)::before{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FF8C1C' d='M2 16h5v14H2zm21 14H9V15.197l3.042-4.563l.845-5.917A2.01 2.01 0 0 1 14.867 3H15a3.003 3.003 0 0 1 3 3v6h8a4.005 4.005 0 0 1 4 4v7a7.008 7.008 0 0 1-7 7z'/%3E%3C/svg%3E") !important;
width: 26px;
height: 26px;
background-position: center;
background-size: contain !important;
background-repeat: no-repeat;
content: '';
}
.icon-dislike:hover::before{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FF8C1C' d='M2 2h5v14H2zm21 0H9v14.803l3.042 4.563l.845 5.917A2.01 2.01 0 0 0 14.867 29H15a3.003 3.003 0 0 0 3-3v-6h8a4.005 4.005 0 0 0 4-4V9a7.008 7.008 0 0 0-7-7z'/%3E%3C/svg%3E") !important;
width: 26px;
height: 26px;
background-position: center;
background-size: contain !important;
background-repeat: no-repeat;
content: '';
}
.icon-dislike:has(input:checked)::before{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FF8C1C' d='M2 2h5v14H2zm21 0H9v14.803l3.042 4.563l.845 5.917A2.01 2.01 0 0 0 14.867 29H15a3.003 3.003 0 0 0 3-3v-6h8a4.005 4.005 0 0 0 4-4V9a7.008 7.008 0 0 0-7-7z'/%3E%3C/svg%3E") !important;
width: 26px;
height: 26px;
background-position: center;
background-size: contain !important;
background-repeat: no-repeat;
content: '';
}
.btn {
color: #111827;
&:focus {
box-shadow: none;
outline: none;
}
&:hover {
color: #FF8C1C;
}
}
&.row-gap {
row-gap: 24px;
}
.resume-item, .vacancy-item {
background-color: #FFFFFF;
border: 1px solid #E5E7EB;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
border-radius: 8px;
flex: 47%;
padding: 16px;
display: flex;
flex-direction: column;
.resume-body, .vacancy-body {
position: relative;
.resume-education, .vacancy-education {
font-family: Inter, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 20px;
color: #6B7280;
margin-bottom: 4px;
}
.resume-name, .vacancy-name {
font-family: Inter, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #141414;
margin-bottom: 4px;
}
.resume-price, .vacancy-price {
font-family: Inter, sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #FF8C1C;
}
.resume-stag, .vacancy-stag {
font-family: Inter, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: #374151;
}
a {
width: 0;
height: 0;
display: block;
overflow: hidden;
}
}
&:hover {
border-color: #FF8C1C;
}
& + .resume-item, .vacancy-item{
margin-top: 16px;
}
}
}
#recommendations-offcanvas{
.icon{
height: 28px;
}
.icon input{
display: none;
}
.icon-like::before{
content: '';
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23b9b9b9' d='M2 16h5v14H2zm21 14H9V15.197l3.042-4.563l.845-5.917A2.01 2.01 0 0 1 14.867 3H15a3.003 3.003 0 0 1 3 3v6h8a4.005 4.005 0 0 1 4 4v7a7.008 7.008 0 0 1-7 7z'/%3E%3C/svg%3E");
width: 26px;
height: 26px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.icon-dislike::before{
content: '';
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23b9b9b9' d='M2 2h5v14H2zm21 0H9v14.803l3.042 4.563l.845 5.917A2.01 2.01 0 0 0 14.867 29H15a3.003 3.003 0 0 0 3-3v-6h8a4.005 4.005 0 0 0 4-4V9a7.008 7.008 0 0 0-7-7z'/%3E%3C/svg%3E");
width: 26px;
height: 26px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.icon-like:hover::before{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FF8C1C' d='M2 16h5v14H2zm21 14H9V15.197l3.042-4.563l.845-5.917A2.01 2.01 0 0 1 14.867 3H15a3.003 3.003 0 0 1 3 3v6h8a4.005 4.005 0 0 1 4 4v7a7.008 7.008 0 0 1-7 7z'/%3E%3C/svg%3E") !important;
width: 26px;
height: 26px;
background-position: center;
background-size: contain !important;
background-repeat: no-repeat;
content: '';
}
.icon-like:has(input:checked)::before{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FF8C1C' d='M2 16h5v14H2zm21 14H9V15.197l3.042-4.563l.845-5.917A2.01 2.01 0 0 1 14.867 3H15a3.003 3.003 0 0 1 3 3v6h8a4.005 4.005 0 0 1 4 4v7a7.008 7.008 0 0 1-7 7z'/%3E%3C/svg%3E") !important;
width: 26px;
height: 26px;
background-position: center;
background-size: contain !important;
background-repeat: no-repeat;
content: '';
}
.icon-dislike:hover::before{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FF8C1C' d='M2 2h5v14H2zm21 0H9v14.803l3.042 4.563l.845 5.917A2.01 2.01 0 0 0 14.867 29H15a3.003 3.003 0 0 0 3-3v-6h8a4.005 4.005 0 0 0 4-4V9a7.008 7.008 0 0 0-7-7z'/%3E%3C/svg%3E") !important;
width: 26px;
height: 26px;
background-position: center;
background-size: contain !important;
background-repeat: no-repeat;
content: '';
}
.icon-dislike:has(input:checked)::before{
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23FF8C1C' d='M2 2h5v14H2zm21 0H9v14.803l3.042 4.563l.845 5.917A2.01 2.01 0 0 0 14.867 29H15a3.003 3.003 0 0 0 3-3v-6h8a4.005 4.005 0 0 0 4-4V9a7.008 7.008 0 0 0-7-7z'/%3E%3C/svg%3E") !important;
width: 26px;
height: 26px;
background-position: center;
background-size: contain !important;
background-repeat: no-repeat;
content: '';
}
.btn-link:hover {
color: #6B7280 !important;
}
.btn-check:focus+.btn, .btn:focus {
box-shadow: 0 0 0 0.25rem #6B728025 !important;
}
}
.nav-tabs{
.nav-link{
cursor: pointer !important;
}
}
.recommendations-list {
.recomendation-item-body{
position: relative;
}
&.loading {
height: 182px;
li::before{
visibility: hidden;
}
.recomendation-item-body *{
margin-bottom: 4px;
position: relative;
overflow-x: hidden !important;
&::before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #d8d8d8;
}
&::after {
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
transform: translateX(-100px);
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
animation: loading 0.8s infinite;
}
}
}
}
.ai-list {
&.loading {
.resume-name, .resume-education, .resume-price, .resume-stag, .vacancy-name, .vacancy-education, .vacancy-price, .vacancy-stag{
position: relative;
overflow-x: hidden !important;
&::before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #d8d8d8;
}
&::after {
content: '';
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
transform: translateX(-100px);
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
animation: loading 0.8s infinite;
}
}
}
}